Course Information
Course Overview
Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework (Learn By Doing)
This course will teach you how to create attractive online applications with Nextjs.14, Reactjs, TailwindCss, Nodemailer, and a variety of utilities. I will take you step by step from the beginning to the end of the deployment process.
You will be able to deploy the website on a Vercel server and publish the source code to GitHub before the end of this course.
We will also learn how to send portfolio details to a new page using Nextjs 14 Dynamic Route. (Single post page)
The data will be dynamically presented.
Smooth Scrolling and Fade In Animation will be taught to students.
Students will learn how to create a scrolling effect.
You will learn how to create downloadable PDF files, which we have implemented.on the get resume Button
You will learn how to implement the call to action button using the scroll condition
Student will be able to differentiate between Reactjs route and Nextjs Route
The instructor will teach you how to open up a new page in Nextsj.14
The instructor will teach you how to receive and send thousands of email using Nodemailer
Student will learn how create API using Nextjs and Nodemailer
The Link to the Complete Source code and material i used in this course will be in the resource.
Welcome to The Ultimate NextJs 14 Portfolio Web Development Course!
Course Content
- 10 section(s)
- 80 lecture(s)
- Section 1 Introduction
- Section 2 Introduction To Nextjs
- Section 3 Building the ultimate Nextjs 14 Portfolio website
- Section 4 Home Component Design
- Section 5 Header Component
- Section 6 Portfolio Component
- Section 7 AboutMe Component And Design
- Section 8 Testimonial Component Design
- Section 9 Footer Component Design
- Section 10 Contact Page (Contact form and Node mailer Implementation)
What You’ll Learn
- Students will learn how to se react hooks in Nextjs
- Students will learn how to use react components in Nextjs13
- Students will learn how to switch from Nextjs default server side rendering to client side rendering
- Students will learn the best practices for building a professional nextjs website
- Students will learn and understand the tailwind utility classes
- Mobile Friendly Development (Mobile Responsiveness)
- Node mailer (how to implement email functionality using NodeMailer)
- Students will learn how to create their own API Using Nexts
- Students will learn and understand the concept of design patterns
- Dynamic routing system in Nextjs will be explained
- Nextjs13 Page routing system will be explained
- Students will learn how to push the project to github
- Student will learn how to deploy their project to vercel (live server)
Skills covered in this course
Reviews
-
SSAAIDIN MAT ESA
good course.
-
MMussa Muhindo Justin
it's beautiful indeed
-
太太田裕一
The course content was easy to understand and I liked the design! I would like to take another class if I have the opportunity.
-
AAdriano Gratani
good teacher BUT PLEASE RESPOND TO MESSAGES overall very good site.