Next.js 💞
What is Next.js?
Basic Introduction about Next.js #SeriesStart 💕
Next.js is a javascript framework built with react js, webpack, and babel. Next.js helps developers quickly create static generation (SSG) and server-side rendering (SSR) websites.
ZEIT builds Next.js. But recently, 1 Month ago, ZEIT was purchased by Vercel. So that means ZEIT is now Vercel.
Next.js helps to optimize your website. Recently lots of developers have been working with Next.js.
Note:
Next.js, Nuxt.js, and Nest.js are different frameworks || Library.
Feature:
Next.js Feature help developer solves a 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 in 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 the Installation, run the script and use this Cmd:
npm run dev
Now Visit this URL in your browser http://localhost:3000/. Your web server Now Works 😃
Automatically Setup:
We highly recommend a beginner person 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 of next.js is completed.
cd path // make sure you same folder. which you next appinstall. other wish no use and show error.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, not much big as a 1+ hours course video like That. But some YouTubers do great work in Next.js.
1. Bruno Antunes:
Bruno Antunes provides an excellent 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. Next.js course provides a learning path in next.js and tells you about next.js || WordPress API|| apollo || graphql.
Youtube Playlist:
Note:
Tell me about other Youtubers who work with Next.js. Then I mention in blog post #Comment Now.
Website:
Read My Other Blog Medium:
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 was When I started work with WordPress and graphql. Next.js Provide More stability as compared to other React.js frameworks.
Now My first choice is Nextjs in frontend-developer