Code a Modern Dev Portfolio with Next.js, Typescript, Tailwind, Shadcn & Aceternity UI Pt. 7
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 7
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...
pt.4: • Code a Modern Dev Portfolio with Next...
pt.5: • Code a Modern Dev Portfolio with Next...
pt.6: • 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:
00:00:00 Introduction and Identity Reveal
00:05:46 Portfolio Project Overview and Technologies
00:11:11 Self-Hosting Applications and Cost-Effectiveness
00:17:02 Email Marketing and Content Layer Setup
00:25:00 Dynamic Routing and Blog Content Implementation
00:35:00 Image Handling and Blog Post Creation
00:45:00 Micro-Interactions and Data Structure
00:55:00 Fixing Issues and Updating Content Layer
01:10:00 Styling Header and Hero Section
01:25:00 Troubleshooting Image and Data Issues
01:40:00 Personal Story: Landing First Developer Job
01:55:00 Streaming Experience and Content Creation
02:10:00 Dynamic Routing with Next.js and API Integration
02:25:00 Laravel Integration and Form Handling Options
02:40:00 Laravel and JavaScript Integration
02:55:00 Portfolio Layout Adjustments and Future Plans
03:10:00 SVG Icon Design and Layout Adjustments
03:25:00 Gradient Text Effect and Navigation Bar
03:40:00 Backend Security and Pocketbase Integration
03:55:00 MDX Implementation in Next.js Project
04:10:00 Code Block Styling with Tailwind CSS
04:25:00 Personal Journey and Channel Growth
04:40:00 Font Integration and Build Issues
04:55:00 Syntax Highlighting Implementation
05:10:00 Exploring Alternative Syntax Highlighting Options
05:20:00 Stream Wrap-up and Future Plans
