What is Next.js?

Post image

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.

https://vercel.com/blog/zeit-is-now-vercel

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

Note:

Next.js, Nuxt.js, and Nest.js are different frameworks || library.


Feature:

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

Installation:

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 webserver 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.

Note:

Index.js default next.js router path.


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:


Note:

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

https://nextjs.org/docs/getting-started

https://www.geeksforgeeks.org/next-js-introduction/

https://www.freecodecamp.org/news/an-introduction-to-next-js-for-everyone-507d2d90ab54/


Read My Other Blog Medium:

https://medium.com/officialrajdeepsingh/best-javascript-full-tutorial-on-youtube-117e08ab357a

https://medium.com/officialrajdeepsingh/how-to-read-local-json-file-in-react-js-564125235fc7


Conclusion:

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.


Contact me

Thanks for Reading 😆

Next.js Learning Series Start #LearningWithMe 😃

You May Also Like

comments powered by Disqus