Rajdeep Singh.

What is Next.js?

Basic Introduction About Next.js #SeriesStart

By next.js 2 min read

Next.js is a basically JavaScript framework build with react js, webpack, and babel. Next.js helps the developer create a static generation (SSG) and server-side rendering (SSR) website easily.

ZEIT builds Next.js. But recently, 1 Month ago, ZEIT purchase by Vercel. That means ZEIT is now Vercel.


Next.js helping to optimize your website. Recently lots of developers working with Next.js.


Next.js Feature help to developer solve the major problem in web development.

  1. Pre-Rendering Support SSG And SSR
  2. CSS-in-JS
  3. Zero Configuration
  4. Ready for Production


install next in your machine with two ways

  1. Manual Setup
  2. Automatically Setup

Manual Setup

Install next, react and react-dom in your project:

npm install next react react-dom

Open package.json and add the following scripts:

"scripts": { 
   "dev": "next", 
   "build": "next build",  
   "start": "next start"

After Installation run script, use this Cmd

npm run dev

Now Visit this URL in your browser http://localhost:3000/. your web server now work 😃

Automatically Setup:

We highly recommend a beginner person to create a new Next.js app using this command create-next-app , this cmd Setup everything automatically for you.

npm init next-app
# or
yarn create next-app

After the installation is complete.

cd path // make sure you same folder other wish no use
npm run dev  // that cmd open create server and run your default browser http://localhost:3000/

Start the development server. After Try editing pages/index.js and see the result on your browser.

Next.js Youtube Course

On youtube a few YouTubers provide tutorials on next.js. In 2021 lots of YouTubers show interest in next.js.

1. Bruno Antunes

Bruno Antunes provides a great path for Next.js. That person creates a lot of tutorials on it. Make sure you watch it.

Youtube PlayList:

2. Imran Sayed — Codeytek Academy

Imran Sayed is a Great developer my opinion. Imran stayed to provide a very big contribution in next.js on youtube. Imran provides you a learning path in next.js || Wordpress API|| apollo || graphql.

Youtube Playlist


Tell me about other Youtubers who work with Next.js. Then mention in comment section website:





My Opinion next.js. Great Library To help the developer create server-side rendering (SSR) with one function method in next.js.

My big surprise When I start work with Wordpress and graphql. Next.js Provide More stability as compare to other React.js frameworks. Now My first choice is Nextjs in frontend-developer.