Next.js Crash Course with React and Tailwind CSS

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