Tailwind CSS and Next.js: Best Practices and Expert Advice
This is for all developers and development teams while working with Tailwind CSS Nextjs in the projects
What's New in Next.js 14?
The latest version of Next, announced on Oct 26th 2023, brings Turbopack, React Server Actions, and Partial Rerendering, and more.
Page Transitions In Next.js 13 With App Router And The Built-In View Transitions API (No Third-Party Libraries)
Building a Modern SaaS Dashboard with Saas UI and Next.js App Router
Dashboards are essential for every SaaS app, and UI libraries do help you build them fast, but Emotion.js-based libraries are problematic in Next.js 13. Let's look at how Saas UI can help.
5 Must-Have Tools for Building Web Applications with Next.js App Router
Server-only, Saas UI, TailwindCSS, Turbopack, the use() hook - know the tools that can enable you to build web applications with Next.js App Router faster
How to Create a User Management Page for a SaaS App
Designing SaaS apps doesn’t have to be difficult. Let’s find out how, using Saas UI, a component library meant specifically for this purpose.
Sending Emails with Next.js, Nodemailer
Discover the ultimate guide to integrating Gmail Mailer with Nodemailer in Next.js 2023. Send emails effortlessly for enhanced communication. Learn now!
How to Build and Deploy a Next.js App on AWS Apache Server
This article will take you through the steps required to prepare a Next.js application for production and deploy it onto an Apache server running on an Amazon Web Services (AWS) EC2 instance. I…
Dodging the Vercel Tax: How to use an open-source alternative for Serverless Postgres, Redis, and Blob Storage
Find out how to get the same DX wins of Vercel Storage by using its Postgres, Redis, and Blob providers with WunderGraph - a free and open-source technology without the Vercel markup, and without vendor lock-in to boot.
Automating the Generation of Code from OpenAPI in Your Next.js Application
Generate ready to use fetcher methods
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…
The Right Way to Detect Mobile Breakpoints in Next.js
How to make useIsMobile hook in Next.js
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
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 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
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
How to Add a Custom Google Font to a Next.js and Tailwind CSS App
Choosing the right font is an essential part of any design. The font you choose can have a huge impact on the message, voice, and feeling of your website or application. In this article, we will take…
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.