Next.js 💞

What is Next.js?

Basic Introduction about Next.js #SeriesStart 💕

Next.js Learning #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.

ZEIT is now Vercel - 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.

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

Installation:

Install next in your machine in 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 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.

Next.js Tutorial Into By Bruno Antunes

Youtube PlayList:

Next.js Tutorial Playlist By Bruno Antunes

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.

Next.js Tutorial By Imran Sayed

Youtube Playlist:

Next.js Tutorial Playlist By Imran Sayed

Note:

Tell me about other Youtubers who work with Next.js. Then I mention in blog post #Comment Now.

Website:

Getting Started |. Next.js

What is Next.js?

Next.js | Introduction - GeeksforGeeks

Next.js for everyone - with some basic knowledge of React

Read My Other Blog Medium:

Why do we need a strict mode in JavaScript?

The Best Javascript Full Tutorial on Youtube.

How to read local JSON files in react js?

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

Contact me:

• https://www.officialrajdeepsingh.dev/

Thanks for Reading 😆

Next.js Learning Series Start #LearningWithMe 😃