
Explore routing and pages in Next.js 13.4 using the app directory, with folder-based page structure, dynamic routes like /cars/[carId], and nested routes for car info.
Learn to build a centered registration screen for a Next.js v13.4 app, with a bordered card, vertical form layout, and name, email, password fields, focusing on functionality over styling.
Create an api folder in the app directory and implement route handlers with route.js or route.ts, returning json responses via the next response to power server-side API routes under /api.
Create and export a mongoose user model and register API in Next.js, validate duplicates, hash passwords with bcrypt, and return success or error messages while preparing UI integration.
Learn to integrate the login API endpoint in a Next.js v13.4 car rental app by reusing register logic, calling the API with Axios, and managing tokens in cookies.
Explain and implement authorization with middleware for protected APIs in a Next.js v13.4 car rental app, using JWT tokens stored in cookies to validate logged-in users.
Protect APIs by performing server-side current user lookups in Next.js v13.4 car rental app. Fetch current user data on the server, pass cookies securely, and render with server components.
Learn to build the admin panel first, implement cards CRUD, and render profile tabs conditionally for normal users and admins in a Next.js v13.4 car rental application.
Build a modal add car form in a next.js admin panel, using client components, car fields, and an axios post to /api/cars with validation and loading feedback.
Hi, Are you ready to take your web development skills to the next level? Then you are in the right place.
Welcome to the course Next JS v13.4 Car Rental Application from Scratch
In this course, we are going to work on the following topics.
Learn how to build a modern car rental application using Next.js version 13 and the Antd Design UI library.
Implement authentication with JWT tokens and set up protected routes for different user roles (user and admin).
Admin users can perform CRUD operations on cars, manage user accounts, view all bookings, and more.
Regular users can view all cars on the homepage, select a car to book, and check availability before making a reservation.
Integrate Stripe payment gateway for easy and secure payments.
Implement cancel booking functionality and profile update and password reset functionality.
Deploy the application to Vercel for global accessibility.
Gain practical experience in building a real-world web application with Next.js and Antd Design.
Get hands-on experience with popular web development tools and technologies.
Learn how to design and implement a scalable and secure web application.
Develop skills and knowledge that are in high demand in the web development industry.
Receive expert guidance and support from an experienced web developer.
Join a community of learners and developers to share ideas and collaborate on projects.
Earn a certificate of completion and showcase your skills to potential employers.
Next.js is a React framework that gives you building blocks to create web applications.
By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.
You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.
Whether you’re an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.