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

Показать описание
🔗 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
Build and Deploy a Fully Responsive Modern UI/UX Website | React.js, Next.js 13, Tailwind CSS
Build and Deploy a Modern Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion
Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
Build a SaaS App Landing Page in 3 Hours
Build and Deploy Responsive Dashboard with Next.js and Shadcn UI Components #nextjs
Build and Deploy Responsive Next.js portfolio website with MDX Blog | Tailwind | Framer Motion
Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
NextJs Portfolio Tutorial - Build a Responsive Portfolio Website w/ Advanced Animations (2023)
Build and Deploy Fully Responsive Web Application | NextJS 14 | TailwindCSS | Tutorial
Build and deploy a responsive E-commerce website using React Next JS TypeScript and Tailwind CSS
Create a modern and fully responsive UI/UX website with Next.js 14 and Tailwind
Build and Deploy a Responsive Personal Portfolio Website Using Next.js 13, Tailwind CSS and Vercel
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion
🔴 Let's Build & Deploy Responsive Portfolio Using Next.js & TailwindCSS From Scratch....
Build and Deploy Responsive Next.js Portfolio Website Using Next.js & TailwindCSS Tutorial | Nex...
Build and Deploy animated Portfolio Website with Next.js and Framer Motion
Build & Deploy a Complete Next.js Responsive Personal Portfolio Website Light/Dark Theme Tutoria...
Build and Deploy Responsive React portfolio website: React | Framer Motion| Tailwind CSS
Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14
Build & deploy responsive portfolio page with NextJS, Typescript and Tailwind CSS
React JS Project | Build & Deploy Complete Responsive Website in React Step by Step Tutorial
Комментарии