Code a Modern Dev Portfolio with Next.js, Typescript, Tailwind, Shadcn & Aceternity UI Pt. 1
Join AquaWolf Academy: / discord
Project Github Repo: https://github.com/0xAquaWolf/portfolio
🚀 Series Overview: Follow along as I build a modern developer portfolio using cutting-edge technologies and UI libraries.
Episodes 2
Previous Streams:
pt.0: • Code a Modern Dev Portfolio with Next...
📚 What We'll Cover:
Setting up a Next.js project with TypeScript
Implementing responsive designs with Tailwind CSS
Integrating Shadcn UI components for a polished look
Enhancing user experience with Aceternity UI animations
Creating a fully functional, performant developer portfolio
AquaFiles (dotfiles): https://github.com/0xAquaWolf/AquaFiles
Ready to level up your web development skills?
Like, subscribe, and hit the notification bell to stay updated on each episode of our journey to create a stunning modern developer portfolio!
Timestamps:
Intro + Project Overview @00:00:00
Setting Up Dev Environment @00:05:00
Designing Hero Section @00:10:00
Mobile Responsiveness @00:20:00
Customizing Social Media Icons @01:05:00
TypeScript Interfaces @01:25:00
Navigation Menu Development @01:30:00
Break + Developer Self-Care @01:40:00
SVG Icons and Favicon @02:15:00
SEO Optimization @02:40:00
Hero Section Layout @03:00:00
Tailwind CSS Styling @03:10:00
Mobile Design Adjustments @03:25:00
Project Structure & Dependencies @03:40:00
Responsive Text Styling @03:55:00
Logo Section Development @04:15:00
Testing Responsiveness @04:40:00
Project Recap & Future Plans @04:50:00
