The Backend-for-Frontend pattern using NextJS: A Step-by-Step Guide
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.
TypeScript Made Easy: A Practical Guide To Your First Type-Safe App with Next.js, WunderGraph, and Prisma
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!
Getting Started With WunderGraph: An API Gateway That Turns GraphQL Into RPC on the Fly
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.
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…
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?"
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.
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.
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…
How to Compose and Integrate APIs Together as if You Were Using NPM for APIs
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.
How to Build a GraphQL eCommerce App from Scratch
Setting JAMstack to easy mode with WunderGraph, Next.js, Strapi, and Snipcart
5 Things We Can Do to Decrease Load Time of the React Application
1. Clean Unused Lines Of Code, 2. Clean Unused React Components, 3. Splitting Up Into Components, 4. Server - Side - Rendering, & 5. State Management
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.
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…
React and Next.js is DEAD — Something New is (Finally) Replacing It (For Good)
How to Use Environment Variables in Next.js
Take a look at how to use environment variables in Next.js.
How To Automatically Get Props Types in Next.js and TypeScript
Avoid boilerplate code with InferGetServerSidePropsType and InferGetStaticPropsType
How To Keep Component State Across Pages in Next.js
Using the session storage & useLayoutEffect
Create a Custom Sign-in Page with NextAuth.js
How to create a custom sign-in page with NextAuth.js
Next.js — Handling Cookies in getServerSideProps
How to Render Next.js with NestJS
Did I just make Next.js better?
Next.js With Sequelize Web Application, a Full-Stack Web Development
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.
How To Connect MySQL And Auth To A Next.js App
Today, we will connect our Next.js app to MySQL database and develop an authentication feature.