Udemy

Ultimate Next.js 14 Portfolio Website (Zero To Hero) 2024

Enroll Now
  • 316 Students
  • Updated 2/2024
4.5
(57 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
10 Hour(s) 13 Minute(s)
Language
English
Taught by
Ehizeex Okwuose
Rating
4.5
(57 Ratings)
1 views

Course Overview

Ultimate Next.js 14 Portfolio Website  (Zero To Hero) 2024

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

  • S
    SAAIDIN MAT ESA
    5.0

    good course.

  • M
    Mussa Muhindo Justin
    5.0

    it's beautiful indeed

  • 太田裕一
    4.5

    The course content was easy to understand and I liked the design! I would like to take another class if I have the opportunity.

  • A
    Adriano Gratani
    4.0

    good teacher BUT PLEASE RESPOND TO MESSAGES overall very good site.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed