Code a Modern Dev Portfolio with Next.js, Typescript, Tailwind, Shadcn & Aceternity UI Pt. 0
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 0
Live Stream Date: 08-26-2024
📚 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!
Timestamp:
Intro + Project Goals @00:00:00
Setting Up Technologies @00:35:00
Configuring Tailwind and Fonts @00:40:00
Installing UI Components @00:45:00
Project Structure and Directory Setup @01:35:00
SVG Import and Asset Management @01:50:00
Polymath Developer Philosophy @02:05:00
Troubleshooting SVG Issues @02:15:00
Layout Adjustments and Debugging @02:20:00
SVG Aspect Ratio Solution @02:55:00
Menu Design and Logo Integration @03:10:00
Background Image Positioning @03:20:00
Styling Hero Section @03:30:00
Gradient Background Tutorial @03:40:00
Development Environment Setup (M1 Mac) @03:50:00
Mechanical Keyboard Discussion @04:00:00
Active Menu Item Styling @04:15:00
Final Adjustments and Wrap-up @04:25:00
