Learn Next.js with tailwind CSS, MongoDB and Express.Js



Build fullstack next.js applications

What you will learn

Learn Next JS from scratch

Learn how to style Next JS applications with Tailwind Css

Integrate Node JS in your Next JS applications

Store Data in MongoDB

Description

Utilize the power of nextjs and build full stack applications.

This course we will be using react, tailwindcss, mongoDB and express.js and we will build a dummy blog.

You’ll learn how to use nextjs features such as file based routing, server side rendering, SEO and lot’s more.

Nextjs is a framework, a javascript framework built up on reactjs. It offers much more such as file based routing, Server side rendering, image optimization, bulilt in api route e.t.c


We will also use expressjs as our server side language, this is because next.js offers us built in api and we’ve to write node.js code. Also for storage, we will be using mongoDB. MongoDB is used for storage, it is a no-sql database and we will use their atlas service to be able to store data and retrieve data in n

In this course, we’re going to utilize the full potential of next.js and build a dummy blog application. where we will experience file based routing, server side rendering, incremental static generation. Don’t be left out and let’s dive in and enjoy the full potential of next.js together.

By the end of the course, you should feel confident, using nextjs in your own project

English
language

Content

Introduction

Introduction

Getting-started-tailwindcss-nextjs

1.creating-nextjs-tailwindcss
2.next.js-routing
3.adding-google-fonts
4.navigation
5.rendering-dummy-data
7.navigating-programatically
6.form-component

3.server-side-rendering

1.ssr

backend

1.api-route
2.mongodb-setup
3.passing-formdata-as-props
4.sending-formdata-to-database
5.fetching-data-from-db

5.dynamic-page

blog-details
2.populating-dynamic-page

roundup-seo

1.head-tag

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO

Check Today's 30+ Free Courses on Telegram!

X