Build and Deploy Responsive Next.js portfolio website with MDX Blog | Tailwind | Framer Motion

preview_player
Показать описание

🔗 Links:

The Website begins with an profile overview of the developer. This portfolio website provides an option to download the resume. We will also display all the projects the developer has worked on.

The site displays all the skills of the developer in large font to highlight all the skills of the developer.

We will also see how to make use of flex in tailwind CSS to align the content. The work experience section will show the image of the company, year, role and job description using flex.

In this tutorial, we will also see how to create a blogging site using MDX and integrate it with our website. For contact form we will integrate it with the EmailJs SDK.

For animation we will make use of the Framer motion library.

Finally, the website will be deployed using Vercel platform.

00:00:00 Introduction
00:02:06 Installation
00:06:48 Profile Overview Section
00:16:32 Projects Section
00:19:43 Skills Section
00:23:15 Work Experience Section
00:30:32 Blog Section
00:47:27 Contact Section
01:06:11 Footer Section
01:09:52 Animation
01:12:23 Deploy

#nextjs #reactjsproject #mdx #framermotion #tailwindcss #tailwindcss
Рекомендации по теме
Комментарии
Автор

This channel deserves millions of subscribers.

ijasdeen
Автор

You have some of the best and simplest tutorials! Your design choices are amazing too. Thank you.

ReeveJonathanA
Автор

can u make A turorial in full stack unique projects for final year

dark_pitch
Автор

You have a great future with you Channel.

Fabio.T.outroconteudos-ulpd
Автор

It would be more attractive after adding education section

abhishekcode