SEO helps you to find new users and promote your brand on the top pages of search engines. Adding features like SSR( Server Side Rendering ) and routing can be tedious. Next.js which is a React framework offers many such features out of the box.
In this course, you will learn the basic of creating a front-end React application with Next.js in simplest of manner. You will also learn how to setup Tailwind CSS and use to in your React components.
We will learn:
1 - Introduction to Next.js
2 - Installation and Setup of Next.js Application
3 - Setup Tailwind CSS in Next.js
4 - Link Routes and Pages in NextJS
5 - Link Routes and Pages in NextJS
6- Creating Layouts in Next.js
7 - Customize Tailwind Configuration and Add Navigation in NextJS
8- Deploy your Next.js app to Vercel and creating APIs in NextJS
By the end of the session you would be able to:
1. Create a front-end application in React using Next.js
2. Grasp the concept of Routing, Links, Components, Pages, using and configuring Tailwindcss
3. And Deploy your serverless application on a vercel for free using Github with continuous Integration.
Benefits of learning and Using Next.js
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
It offers you Image Optimization , Incremental Static Regeneration etc