All the Next.js tutorials ⤵️
-
How to change a Next.js app port
Learn how to change the port that Next.js runs on in development mode
-
How to get cookies server-side in a Next.js app
Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it.
-
How to use Next.js API Routes
Learn this powerful technique provided by Next.js to create an API endpoint within a Next.js app
-
How to use the Next.js Router
Learn how to use the `next/router` package to control routes in Next.js
-
The Next.js App Bundles
How Next.js separates your app code into different bundles, and what do they contain
-
The icons added by Next.js to your app
Learn what the icons generated by Next.js in development mode mean
-
Adding a wrapper component to your Next.js app
How to use a wrapper component and add a common sidebar or header to it
-
Lazy loading modules in Next.js
How to lazy load modules in your Next.js app
-
How to analyze the Next.js app bundles
Learn more about what's in your Next.js app bundles
-
Deploying a Next.js app in production
How to generate the production version of your Next.js app
-
Next.js: run code only on the server side or client side in Next.js
How to write code that's only executed on one side of your stack: frontend or backend
-
Deploying a Next.js application on Now
How to use Now to easily and seamlessly deploy your Next.js app
-
Next.js: populate the head tag with custom tags
How to customize the `head` tag of your Next.js app
-
View source to confirm SSR is working in Next.js
How to check if SSR is working in your Next.js app
-
Using the router to detect the active link in Next.js
How to using the Next.js Router to detect the active link and assign a class to it, so we can style it with CSS
-
Prefetching content in Next.js
How prefetching works in a Next.js app
-
Styling Next.js components using CSS
How to style React components in Next.js?
-
Feed data to a Next.js component using getInitialProps
How to feed data to a Next.js component using getInitialProps
-
Dynamic content in Next.js with the router
How to setup dynamic content in a Next.js site
-
Linking two pages in Next.js using Link
How to link two or more pages in Next.js
-
How to install Next.js
Step by step instructions to get started with Next.js
-
Next.js vs Gatsby vs create-react-app
Next.js or Gatsby? Why choosing them over create-react-app? And which one?
-
Getting started with Next.js
Next.js is a very popular Node.js framework which enables an easy server-side React rendering, and provides many other amazing features