**Next Js** is a open-source React based framework used for web development. It is famous for server-side rendering and static generation of webpages. It is easy to learn. To learn it, you must know the basics of **React** and **Javascript**.

> ### Below are few useful websites to learn Next Js:-
 >1.[https://www.tutorialspoint.com/nextjs/index.htm](https://www.tutorialspoint.com/nextjs/index.htm)                                                                                               
 >2.[https://www.freecodecamp.org/news/nextjs-tutorial/](https://www.freecodecamp.org/news/nextjs-tutorial/)                                                                             
 >3.[https://www.educative.io/blog/nextjs-tutorial-examples](https://www.educative.io/blog/nextjs-tutorial-examples)                                                           
 >4.[https://welearncode.com/beginners-guide-nextjs/](https://welearncode.com/beginners-guide-nextjs/)                                                                                                                              

> ### Below are few useful youtube videos to learn Next Js:-
 > 1.[https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH](https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH)                                                   
 > 2.[https://i.ytimg.com/vi/DZKOunP-WLQ/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDyJYI0-xTInWWie8sEKg8D-Ou6uw](https://i.ytimg.com/vi/DZKOunP-WLQ/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDyJYI0-xTInWWie8sEKg8D-Ou6uw)   
 > 3.[https://www.youtube.com/watch?v=2OaAbSgmIWo&list=PLwGdqUZWnOp2rDbpfKAeUi9f8qZMS7_cv](https://www.youtube.com/watch?v=2OaAbSgmIWo&list=PLwGdqUZWnOp2rDbpfKAeUi9f8qZMS7_cv)                                              
 > 4.[https://www.youtube.com/watch?v=A63UxsQsEbU&list=PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw](https://www.youtube.com/watch?v=A63UxsQsEbU&list=PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw)

_**Interview Questions coming soon**_

FAXymZJXIAkERod.jpg

How to learn Next Js

**Tailwind** is a popular utility first CSS framework for rapidly building custom User Interfaces. It provides low-level classes, those classes combine to create styles for various components. You can learn more about Tailwind CSS at its official website.                                                                              

**Next.js** is a popular web development framework based on the React library that enables server-side rendering and generating static websites improving development time and website performance.                                                                                                                                           


Setting up a Next.js project with Tailwind CSS
First install Next.js:-

>npx create-next-app my-app

Second installing Tailwind CSS with Next.js as dependencies:- 

>npm i -D tailwindcss postcss autoprefixer

Third generate Tailwind configuration files with the following command:

>npx tailwindcss init -p

The above command will add the tailwind.config.js and postcss.config.js files to the root of our project.                                                                                                                                                     


Below is the link to github for next.js & tailwindcss boilerplate:- 
    [https://github.com/ddoria921/nextjs-tailwind-starter](https://github.com/ddoria921/nextjs-tailwind-starter)