The Backends-for-Frontends pattern might be exactly what you need to avoid monolithic Backend APIs and Frontends bloated with business logic. Let's implement one in Next.js, using WunderGraph as a BFF framework.
It’s time to put your fears aside and learn TypeScript. Let’s give you your first “Eureka!” moment by building a full stack Todo App with end-to-end type safety!
A comprehensive guide to WunderGraph, with a focus on its new TypeScript Operations feature - async resolvers for data fetching, with shared types between Server & Client.
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…
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?"
The app directory, Streaming, Suspense, and hybrid Server and Client Components demystified — with a little help from GraphQL + WunderGraph.
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.
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…
Learn how to bring React's paradigm of Composability to the world of APIs, microservices, and databases — powered by Wundergraph, build-time GraphQL, and the BFF/API Gateway pattern.
Setting JAMstack to easy mode with WunderGraph, Next.js, Strapi, and Snipcart
1. Clean Unused Lines Of Code, 2. Clean Unused React Components, 3. Splitting Up Into Components, 4. Server - Side - Rendering, & 5. State Management
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.
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…
Is this the beginning of the next revolution for JavaScript Framework? Apparently, YES!
Take a look at how to use environment variables in Next.js.
Avoid boilerplate code with InferGetServerSidePropsType and InferGetStaticPropsType
Using the session storage & useLayoutEffect
How to create a custom sign-in page with NextAuth.js
Did I just make Next.js better?
Next.js has become more advance and cutting edge to developers for use as a Full-Stack web Application. The community and people behind Vercel have done a great job on Next.js future.
Today, we will connect our Next.js app to MySQL database and develop an authentication feature.
Part 6: Using the Next.js Link component.