Code a Modern Dev Portfolio with Next.js, Typescript, Tailwind, Shadcn & Aceternity UI Pt. 4
Join Discord (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 4
Previous Streams:
pt.0: • Code a Modern Dev Portfolio with Next...
pt.1: • Code a Modern Dev Portfolio with Next...
pt.2: • Code a Modern Dev Portfolio with Next...
pt.3: • 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
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 and Goals @00:00:00
Portfolio Development and Tools @00:10:00
Creating the "About Me" Section @00:20:00
Tailwind CSS and Design Adjustments @00:30:00
AI and Design Tools Discussion @00:45:00
Mobile Design and Layout Adjustments @01:00:00
Personal Stories and Coding Journey @01:25:00
Dynamic Routing with Next.js @01:50:00
Importing Fonts and Sharing Experiences @02:05:00
Portfolio Design Iterations @02:30:00
Personal Growth and Industry Insights @02:55:00
Job Market Discussion and Developer Setup @03:20:00
Portfolio Vision and Monetization Strategies @03:45:00
Open-sourcing the Project @04:10:00
Building the Blog Section @04:30:00
Adding Charts and Components @04:50:00
Job Search Strategies for Developers @05:00:00
Final Adjustments and Wrap-up @05:15:00
