Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Source code for the working application: https://github.com/DesmondSanctity/xata-cloudinary-blog
Xata is a Serverless Data Platform. You can think of it as the combination of a serverless relational database, a search engine, and an analytics engine, all behind a single consistent API. It has first-class support for branches, a workflow for zero-downtime schema migrations, as well as support for edge caching.
We used SWR to fetch our data because it an easier way to handle fetching data at request time in Next.js. The team behind Next.js has created a React hook for data fetching called SWR. it is highly recommend if you’re fetching data on the client side. It handles caching, revalidation, focus tracking, refetching on interval, and more. Read more about it here.
For our user interface, we will be using Next.js and Chakra UI, our APIs will be stored in the Next.js api directory and our dynamic pages in the pages directory.
For our user interface, we will be using Next.js and Chakra UI, our APIs will be stored in the Next.js api directory and our dynamic pages in the pages directory.
Related posts
- Mastering Data Fetching in React: A Comprehensive Guide to SWR
- Building a Blog Subscription and Pusher with AirCode and Resend
- How to build and deploy a modern-day Next.js application
- Next.js Weekly #14: Faster Dev Server, Platform Starter Kit v2, Misconceptions about Client Components [👇 all news in comments]
- Next.js 13.4.8