>Hello World: Building This Portfolio
A deep dive into how I built this cyber-brutalist portfolio with Next.js, AI-powered terminal, and a whole lot of neon green.
Welcome to my corner of the internet. This is the first post on my new portfolio blog, and I thought I'd share some insights into how this site was built.
The Tech Stack
This portfolio is built with a modern stack designed for performance and developer experience:
- Next.js 14 with App Router for the framework
- Tailwind CSS for styling with a custom cyber-brutalist design system
- Groq API with Llama 3.3 70B for the AI terminal
- Vercel AI SDK for streaming responses
- MDX for this blog you're reading
The AI Terminal
The centerpiece of this portfolio is the AI-powered terminal on the homepage. It's not just a gimmick—it's a fully functional interface that:
- Responds to standard terminal commands (
help,ls,cd, etc.) - Answers questions about my work using an LLM
- Has easter eggs (try typing
matrix)
Why Cyber-Brutalist?
I wanted something that stands out from the typical portfolio designs. The cyber-brutalist aesthetic combines:
- Raw, unpolished edges
- Terminal-inspired typography
- Neon accents that pop
- Intentional "designed to look undesigned" feel
What's Next?
I'll be posting more technical content here about:
- AI/ML engineering challenges
- Systems programming insights
- Full-stack development patterns
- Hardware/software integration
Stay tuned, and feel free to explore the AI terminal to learn more about my work.
> echo "Thanks for reading!"
Thanks for reading!