jterral.github.io

A personal portfolio and blog website built with Astro, a modern static site generator focused on performance and content-driven design.

🎯 About This Project

This website showcases my work, skills, and thoughts through a collection of pages including a portfolio section, blog articles, and more. It's built on top of the Astro Starter Kit: Portfolio template and has been customized to fit my personal branding and needs.

✨ Key Features

• Fast & Performant: Built with Astro's islands architecture for minimal JavaScript
• Content Collections: Type-safe content management with Astro's Content Layer API
• Responsive Design: Mobile-first design that works beautifully on all devices
• SEO Optimized: Semantic HTML and proper metadata for better search visibility
• Dark Mode Support: Theme toggle component for user preference
• Accessible: Built with WCAG accessibility standards in mind

📁 Project Structure

src/
├── components/        # Reusable Astro and framework components
├── content/          # Markdown content for blog posts and apps
├── layouts/          # Layout templates
├── pages/            # Page routes and dynamic routes
└── styles/           # Global and component-scoped styles

🧞 Commands

All commands are run from the root of the project:

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

🚀 Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Start the development server: npm run dev
4. Open http://localhost:4321 in your browser

📚 Learn More

• Astro Documentation
• Astro Discord Community
• Astro Starter Kit: Portfolio

📄 License

See LICENSE.md for details.