How to Setup React Context API in Next.js 13 App Directory
Do you want to use React Context API to manage states globally and avoid prop drilling in your Next.js 13 app directory? If so, you’ve come to the right place….
Continue readingHow to Setup React Query in Next.js 13 App Directory
Are you interested in using React Query in your Next.js 13 app directory? If so, you’ve come to the right place! In this article, I’ll guide you through the process…
Continue readingHow to Setup Redux Toolkit in Next.js 13 App Directory
In this tutorial, you’ll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It’s worth noting that at the time of writing,…
Continue readingBuild a Full Stack tRPC CRUD App with Next.js
This article will teach you how to build a full-stack tRPC CRUD (Create, Read, Update, and Delete) app with Next.js. The tRPC API will be built on Next.js edge runtime…
Continue readingBuild a tRPC CRUD API Example with Next.js
tRPC is a remote procedure call framework that provides a type-safe environment to build APIs for TypeScript and JavaScript-based projects without relying on schema definitions or libraries for code generation….
Continue readingFull-Stack Next.js tRPC App: User Registration & Login Example
tRPC is a remote procedure call framework used to build full-stack TypeScript applications with a minimal footprint. Usually, when we build full-stack applications that leverage TypeScript, sharing types between the…
Continue readingtRPC API with Next.js & PostgreSQL: Access & Refresh Tokens
When we use TypeScript to build a full-stack application that consists of a RESTful API and web app, it becomes tedious to share types between the server and client. Prior…
Continue readingNext.js Full-Stack App with React Query, and GraphQL-CodeGen
This article will teach you how to build a full-stack CRUD App with Next.js, React Query, GraphQL Code Generator, React-Hook-Form, Zod, and graphql-request to perform Create/Update/Get/Delete operations. Next.js, React Query,…
Continue readingNext.js, GraphQL-CodeGen, & React Query: JWT Authentication
GraphQL Code Generator is a plugin-based toolkit for automating and generating full-typed GraphQL operations. This article will teach you how to add access and refresh token functionalities to your Next.js…
Continue readingGraphQL CRUD API with Next.js, MongoDB, and TypeGraphQL
This article will teach you how to build a GraphQL API with Next.js to implement the basic CRUD operations using apollo-server-micro, TypeGraphQL, MongoDB, Redis, Mongoose, and Typegoose. Next.js GraphQL API…
Continue readingGraphQL API with Next.js & MongoDB: Access & Refresh Tokens
Next.js is a React framework that enables you to build server-side rendered and static web applications. This article will teach you how to build a GraphQL API with Next.js to…
Continue reading