SethRose.dev

A modern portfolio site showcasing Seth Rose's work and expertise as an AI Solutions Consultant.

🚀 Tech Stack

• Framework: Astro - Fast static site generator with minimal JavaScript
• Package Manager: PNPM - Fast, disk space efficient package manager
• Styling: Tailwind CSS - Utility-first CSS framework
• UI Components: ShadCN - Beautiful, accessible components
• Language: TypeScript - JavaScript with syntax for types

🔧 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── favicon.svg
├── src/
│   ├── components/
│   │   └── ui/         # ShadCN components
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   └── styles/
│       └── globals.css  # Tailwind and ShadCN styles
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install	Installs dependencies
pnpm dev	Starts local dev server at localhost:4321
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm astro ...	Run CLI commands like astro add, astro check
pnpm astro -- --help	Get help using the Astro CLI

🌟 Why This Stack?

• Fast: Astro + Vite + PNPM = lightning-fast development and production builds
• Familiar: Uses React-like syntax for components
• Clean: Minimal JavaScript, only where needed
• Pretty: Tailwind + ShadCN gives you gorgeous components with minimal effort

👀 Want to learn more?

• Astro Documentation
• Tailwind CSS Documentation
• ShadCN Documentation