Nextjs 14, Tailwind CSS Create Modern Portfolio Website

Focused View

Shakil Khan

4:40:10

372 View

1. Resources & Requirements

1. Prerequisite.mp4

01:58

2. Download Source Code.mp4

04:02

2. Next JS Basics

1. Create Next.js Project.mp4

04:02

2. Next.js Folder Structure.mp4

03:29

3. Next.js Routing.mp4

06:49

4. Next.js Server Side vs Client Side Components.mp4

04:09

5. What is Tailwind CSS.mp4

06:47

6. Set Font Family.mp4

05:09

3. Dark and Light Theme Setting

1. Section Intro.mp4

00:31

2. Install Next Themes Package.mp4

10:37

3. Create Switch Component.mp4

08:52

4. Make Switch Component Dynamic.mp4

08:37

4. Header

1. Section Intro.mp4

00:19

2.1 2- Lets Start Header Section.zip

2. Lets Start Header Section.mp4

13:06

3. Add More Header Data.mp4

14:41

4. Make Header Responsive.mp4

07:26

5. Contacts & About

1. Intro.mp4

00:26

2.1 2- Setup Data for Contacts Section.zip

2. Setup Data For Contacts Section.mp4

06:10

3.1 3- Style Contacts Section.zip

3. Style Contacts Section.mp4

17:59

4.1 4- Setup About Data.zip

4. About Section Data.mp4

05:46

5. Style About Section.mp4

07:37

6. Skills

1. Intro.mp4

00:23

2.1 2- Skills Data.zip

2. Skills Data.mp4

03:56

3. Loop Skills Array.mp4

09:51

7. Work History

1. Intro.mp4

00:25

2.1 2- Projects Data.zip

2. Work History Section Data.mp4

03:11

3. Use Work History Data.mp4

08:49

4. Loop Skills and Options.mp4

10:05

8. Projects

1. Intro.mp4

01:02

2.1 2- Projects Data.zip

2. Projects Data.mp4

02:33

3. Use Projects Data.mp4

10:07

4. Image Aspect Ratio.mp4

05:23

5. Create Model.mp4

09:49

6. Make Model Dynamic.mp4

07:48

7. Display Project Details in Model.mp4

16:09

9. Reviews

1. Intro.mp4

00:46

2.1 2- Reviews Data.zip

2. Reviews Data.mp4

07:31

3. Loop Reviews.mp4

09:14

4. Masonry Layout.mp4

05:31

5. Show More Button.mp4

09:45

6. Create Footer Component.mp4

04:09

10. Deployment

1. Upload Source Code on Github.mp4

05:21

2. Deploy on Vercel.mp4

05:59

3. Fix Issue.mp4

03:51

Description

Master Nextjs 14 and Tailwind CSS: Build Your Own Cutting-Edge Portfolio Website with Modern Techniques

What You'll Learn?

You will learn Next js 14
You will learn Tailwind css
You will learn clean coding
You will learn dark and light theme
You will learn masonry layout
You will learn how to maintain the image aspect ratio

Who is this for?

For everyone who's want to enhance their nextjs and tailwindcss skills

What You Need to Know?

Basic React knowledge is required

More details

Description
Embark on a journey to master NextJS 14 and Tailwind CSS with our comprehensive Udemy course designed to empower you in building a cutting-edge portfolio website. Whether you're a seasoned developer looking to level up your skills or a beginner eager to dive into the world of modern web development, this course is tailored to suit your learning needs.
With NextJS 14, you'll harness the power of server-side rendering, static site generation, and seamless client-side navigation, all while enjoying the benefits of a streamlined development experience. You'll learn to leverage Next JS's efficient routing system, enabling you to create dynamic web applications with ease.
In parallel, you'll explore the versatility of Tailwind CSS, a utility-first CSS framework that enables rapid UI development without sacrificing flexibility or design freedom. By mastering Tailwind CSS, you'll discover how to craft visually stunning layouts and responsive designs effortlessly.
Throughout the course, you'll follow along with practical, hands-on tutorials, where you'll build a modern portfolio website from scratch. From structuring your project to styling components and implementing interactive features, you'll gain invaluable insights and best practices every step of the way.
By the end of this course, you'll not only have a polished portfolio website to showcase your skills but also a deep understanding of NextJS 14 and Tailwind CSS, empowering you to tackle a wide range of web development projects with confidence. Enroll now and unlock the secrets to creating professional-grade websites with NextJS and Tailwind CSS.
Who this course is for:
For everyone who's want to enhance their nextjs and tailwindcss skills

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, my name is Shakil Khan. I'm a software engineer and full-stack developer, I love teaching and teaching is my fashion. I have worked a lot in front-end languages and frameworks such as JavaScript, React, Vue, Next JS, and Tailwind CSS, personally I love JavaScript but I also love Node JS.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.