Benjamin Templebenjamintemple.hashnode.dev·Oct 23, 2024A Comprehensive Guide to Data Fetching in Next.js 15Data fetching in Next.js has come a long way, and with the introduction of the App Router and server components, we’ve stepped into a new era. The focus is shifting - Vercel now recommends doing as much data fetching on the server as possible. But th...146 readsNext.js
Rio Chandrario-chandra.hashnode.dev·Jul 9, 2024SWR Nextjs : Auto Rotate Refresh TokenWhat stack that I use? "swr": "^2.2.5", "next": "14.2.3", Problem SPA (Single Page Application) are hard to identify user's session using JWT. In my case, I use JWT as token session that used for every interaction API. Solution We can use on...swr
ByteScrum TechnologiesforByteScrum Technologiesblog.bytescrum.com·Jun 12, 2024Advanced Data Fetching Techniques in Next.jsNext.js provides powerful features for fetching data in your applications, including server-side rendering (SSR), static site generation (SSG), and client-side data fetching. By leveraging these techniques, you can build performant and scalable appli...82 likes·69 readsWeb Development
Somadina Ezesomadinaeze.hashnode.dev·Apr 21, 2024Resolving Endless Loops in a Cryptocurrency Token ApplicationIntroduction Hello wonderful readers! 👋 Today, I wanted to share a recent debugging adventure I embarked on while working on a crypto token app. Debugging challenges often lead to some of the most valuable learning experiences, so let's dive right i...React
Ojas Elawadhiojaselawadhi.hashnode.dev·Nov 29, 2023Power of SWR Hook in ReactIn the ever-evolving landscape of React development, finding the right tools to streamline data fetching and management is essential. One such tool that has gained popularity is the SWR (Stale-While-Revalidate) hook. In this blog post, we'll explore ...1 like·39 readsJavaScript
Ojoawo Joshuadeejosh.hashnode.dev·Oct 5, 2023Exploring SWR: Supercharge Your Next.js ApplicationsIntroduction In the fast-paced world of web development, delivering performant and responsive web applications is essential. A critical aspect of achieving this goal is efficiently managing data fetching and caching. This is where SWR (Stale-While-Re...10 likes·155 readsNext.js
Samuel Umorenbeyondcode.hashnode.dev·May 19, 2023Using SWR for Efficient Data Fetching in Next.js ApplicationsThis article was originally published here Fetching and rendering data from APIs is one of the core essentials of front-end development. The basic way of fetching data in JavaScript is to use local fetch or a third-party library like axios, input th...157 readsswr
Carlos Eduardo Burkophantodev.hashnode.dev·May 12, 2023userSWR() with Static Export NextJSThe useSWR hook is a very useful tool for state management and cache control in React applications that make requests to external APIs. Developed by the Zeit team, useSWR is one of the most popular packages in the React ecosystem. useSWR uses data ca...31 readsNext.js
Rohan Bagchirohanbagchi.hashnode.dev·Apr 14, 2023Data fetching in our React SPATo fetch data inside a react component, we primarily need 2 things: Source Consumer The source can be a REST or GraphQL endpoint.Consumer in our case is a browser-based application. A common pattern with React apps fetching data without using a 3...35 readsReact
Siddharth Singhofficiallysidsingh.hashnode.dev·Mar 17, 2023Fetching Data In React Apps And Optimistic UI Updates Using SWR 2.0So, In my last blog, I talked about how we can fetch data and perform CRUD operations on API using Axios. There was an imminent problem with Axios. It needed a page refresh on any CRUD operation to show the mutated data. While this is OK with Vanilla...1.7K readsReact
