Nextjs


Working with styled-components in the Next.js

Styled-components is a popular CSS-in-JS library that allows you to write component-based styling in your React projects. When combined with the capabilities of Next.js, the result is a powerful…

ReactNextjsStyled Components

The Right Way to Detect Mobile Breakpoints in Next.js

How to make useIsMobile hook in Next.js

NextjsReact hooks

I Built a Serverless Live Chat App with Next.js, Fauna, and WunderGraph for GraphQL Live Queries

A step-by-step guide to creating a scalable, real-time chat app using Serverless technologies, with a little help from NextAuth.js for GitHub sign-ins. Who needs WebSockets when you've got Live Queries?"

NextjsWundergraphFauna

Data Fetching with Next.js 13's Bleeding-Edge Features — A Primer

The app directory, Streaming, Suspense, and hybrid Server and Client Components demystified — with a little help from GraphQL + WunderGraph.

NextjsReactGraphql

How to Use ChatGPT as an Educational Chatbot in a Next.js Frontend

Can you use OpenAI's GPT-3.5 on your website as a chat assistant? You bet. Here's how to get it done with an Express server, WunderGraph as a BFF, and GraphQL.

ChatgptNextjsReact

How To Solve Hydration Error In Next.js

Today, let’s talk about hydration error that often occurs in Next.js. Most of us used Next.js must be familiar with the following error: The reason for the error has been clearly stated in the error…

JavaScriptNextjsWeb Development

Which Database Should You Use for Your Next.js App?

PostgreSQL, Fauna, MongoDB, WunderBase. There are a lot of options out there. How to choose the right database based on performance, price, scalability, and developer experience.

NextjsDatabasePostgresql

Next.js Middleware: How it Works and 5 Real Use Cases

Since v. 12.0.0 (stable from 12.2.0), Next.js added Middleware. Middleware (as it is in many other frameworks) is a way to intercept the user's request before it reaches the actual page. Put simply…

Nextjs

How to Use Environment Variables in Next.js

Take a look at how to use environment variables in Next.js.

NextjsEnvironment-variablesReact

How To Get Props Types in Next.js and TypeScript

Avoid boilerplate code with InferGetServerSidePropsType and InferGetStaticPropsType and Automatically Infer the Types for Your Page Component Props

TypescriptNextjsReact