Building a CLI-Inspired Portfolio with Next.js

Why CLI-Inspired?

As developers, we spend hours in terminals. Why not make our portfolio feel like home?

Design Principles

1.Dark theme - Easy on the eyes

2.Monospace fonts - JetBrains Mono for that coder feel

3.Green accents - Classic terminal vibes

4.Interactive elements - Working terminal component

Tech Stack

•Next.js 14 - App Router

•TypeScript - Type safety

•Tailwind CSS - Rapid styling

•Lucide Icons - Beautiful icons

The Terminal Component

The interactive terminal accepts real commands:

\\\`typescript

const COMMANDS = {

help: "List commands",

about: "Navigate to about",

clear: "Clear terminal",

};

\\\`

Key Takeaways

1.Theme should reflect personality

2.Accessibility still matters

3.Easter eggs delight visitors