Learning Next.js and creating a web app

Learning Next.js and creating a web app, available at $64.99, has an average rating of 4.07, with 23 lectures, 2 quizzes, based on 7 reviews, and has 73 subscribers.

You will learn about Next JS, creating API by reusing Next server Using Firebase client and admin sdk in a Next project, taking online payment using Stripe API ATOMIC web design Usage of Tailwind CSS deploying a next web app SSR, SSG and SPA basics This course is ideal for individuals who are React beginners who want to learn how to create a full stack web app which is SEO friendly or React users who would like to learn how to develop a web app using Next It is particularly useful for React beginners who want to learn how to create a full stack web app which is SEO friendly or React users who would like to learn how to develop a web app using Next.

Enroll now: Learning Next.js and creating a web app

Summary

Title: Learning Next.js and creating a web app

Price: $64.99

Average Rating: 4.07

Number of Lectures: 23

Number of Quizzes: 2

Number of Published Lectures: 23

Number of Published Quizzes: 2

Number of Curriculum Items: 25

Number of Published Curriculum Objects: 25

Original Price: 拢22.99

Quality Status: approved

Status: Live

What You Will Learn

Next JS, creating API by reusing Next server

Using Firebase client and admin sdk in a Next project, taking online payment using Stripe API

ATOMIC web design

Usage of Tailwind CSS

deploying a next web app

SSR, SSG and SPA basics

Who Should Attend

React beginners who want to learn how to create a full stack web app which is SEO friendly

React users who would like to learn how to develop a web app using Next

Target Audiences

React beginners who want to learn how to create a full stack web app which is SEO friendly

React users who would like to learn how to develop a web app using Next

Hi all,

We all know the power of Next.js the react framework. Combined with technologies like Tailwind CSS, Firebase, Stripe and inbuilt Node.js API, Next.js allows great developer experience and feasibility to develop robust web apps. 

In this course, we will start from the very basics of Next.js and then take a step forward to build a web app for event creation and booking. While we code we will learn some new concepts as we apply them in our app. We will start with understanding basic concepts like SSR, SPA and SSG. Then create the Next project, add Tailwind CSS and Firebase to it. We will then see the Next basics and then use our learning to make an app.

As I mentioned, the app is an online platform that allows a user to create an event that could be an online or offline event. This event can be purchased by other users except for the creator itself. We will use Firebase admin and client-side SDK for database, authentication, file storage. I have also explained how to write rules for Firestore and storage. We will use Stripe API to take payments. The app will be styled using Tailwind CSS. You will also learn some ATOMIC web design principles and code reuse as I have tried to implement them as much as possible. We will also see how to create and use API by reusing the Next.js Node.js server.

Last but not least we will deploy this app on Vercel, plus I will share the GitHub repo link with some suggestions for you to make this app more amazing. Of course, these are just suggestions but you are free to use your creativity.

I will be honest here, I have coded this app from scratch. So you will see me in some videos making mistakes and errors. However, I have shown with my best possible knowledge how we can tackle those errors and find a solution.

This is app is for educational purposes and is meant to be used ethically.

Hope you enjoy your learning process. Happy learning 馃檪

Prerequisites for the course:

To make the most of this course, it is recommended that you check the following list of prerequisites

1. HTML, CSS and JavaScript

2. React Framework basics

3. Tailwind CSS basics or basics of any other CSS framework like Bootstrap

4. Basics of client-server architecture (optional)

Disclaimer for the course

All the information provided in this course is published in good faith and for general information purpose only. The course is created by using personal learnings and experience additionally referring to online resources, official documentation of Next.js, Firebase, Tailwind CSS and Stripe.

However, I do not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find in this course (Learning Next.js and creating a web app), is strictly at your own risk. I will not be liable for any losses and/or damages in connection with the use of this course.

Regards

Aditya 馃檪

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to the course.

Lecture 2: Understanding certain terms.

Lecture 3: Introduction to Next.js

Lecture 4: Installing Tailwind CSS

Lecture 5: A quick overview of Firebase

Chapter 2: Lets get started

Lecture 1: Pages and Link component

Lecture 2: Next Router

Lecture 3: Data fetching and Image component

Lecture 4: API routes, Middleware and CORS

Chapter 3: Using our learning to create an app

Lecture 1: Overview of the app

Lecture 2: Part 1 – Creating Nav bar

Lecture 3: Part 2 – Layout, Login and Register Page

Lecture 4: Part 3 – Custom Validation and Using context

Lecture 5: Part 4 – Firebase admin SDK. Middleware to protect routes

Lecture 6: Part 5 – Dynamic layout, updating user profile.

Lecture 7: Part 6 – Creating Events and Uploading file to Firebase cloud storage

Lecture 8: Part 7 – Uploading Profile Image and Displaying it as an Avatar Image

Lecture 9: Part 8 – Rendering Events. getStaticPaths()

Lecture 10: Part 9 – Render single event page

Lecture 11: Part 10 – Integrating Stripe Payment.

Lecture 12: Part 11 – Making payments and creating the order

Lecture 13: Part 12 – Showing Invoice, final touch ups

Lecture 14: Part 12 A – Deploying project on Vercel and fixing production issues.

Instructors

Aditya S Kadam
Entrepreneur

Rating Distribution

1 stars: 0 votes

2 stars: 2 votes

3 stars: 0 votes

4 stars: 1 votes

5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!