The Ultimate Next.js14 Portfolio Website Responsive (2024)
Build The Most Elegant Nextjs14 Portfolio Website ( World Most Beautiful Responsive Portfolio Website )
Lectures -53
Duration -7.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
This course will teach you how to create attractive online applications with Nextjs14, 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 Nextsj14
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!
Goals
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 Nextsj14
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!
Prerequisites
To take this course, you need the following skills
- HTML/CSS
- Java script
- react.js
![The Ultimate Next.js14 Portfolio Website Responsive (2024) The Ultimate Next.js14 Portfolio Website Responsive (2024)](https://d3mxt5v3yxgcsr.cloudfront.net/courses/16998/course_16998_image.png)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
2 Lectures
-
Course intro 01:14 01:14
-
Project Demo 09:11 09:11
Nodejs installation. Vs Code Installation. Installing Vs code Extension
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Home Component Design
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Header Component implementation and Design
9 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Portfolio Component
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
AboutMe Component And Design
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Testimonial Component Implementation and design
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Footer Component Design
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Contact Page (Contact form and Node mailer Implementation) Email functinoality
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Call to Action
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Bug Fixes and Final Touches
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Ehizeex Tech](https://www.tutorialspoint.com/assets/profiles/745470/profile/200_2604848-1697714957.jpg)
Ehizeex Tech
Experienced Senior Software Engineer with a demonstrated history of working in the information technology and services industry. Skilled in React Native, RDBMS, Java, Android Development, and JavaScript. Strong engineering professional with a Bachelor's degree focused in Information Technology from Legon University.
I am the CEO Ehizeex Tech and I have trained many aspirant computer science students and software professionals one-on-one in various software practices all over the world. I am currently creating online courses for different online learning platforms and working
However, It is my pleasure to teach people skills that help them in their careers, allow them to acquire new skills and get a good job.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)