This is for all developers and development teams while working with Tailwind CSS Nextjs in the projects
The latest version of Next, announced on Oct 26th 2023, brings Turbopack, React Server Actions, and Partial Rerendering, and more.
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.
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
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.
Discover the ultimate guide to integrating Gmail Mailer with Nodemailer in Next.js 2023. Send emails effortlessly for enhanced communication. Learn now!
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…
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.
Generate ready to use fetcher methods
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 easy to create a PWA project with next-pwa module
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…
How to make useIsMobile hook in Next.js
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
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 and Automatically Infer the Types for Your Page Component Props
Using the session storage & useLayoutEffect
How to create a custom sign-in page with NextAuth.js
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…
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.