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.
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.
- Pre-Rendering Support SSG And SSR
- CSS-in-JS
- Zero Configuration
- Ready for Production
Installation
install next in your machine with two ways
- Manual Setup
- 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.
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/
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.