Stack-Junkie.com - Personal blog documenting my journey from electronics tech to AI-assisted developer. Following the $1.00 Challenge to make my first dollar from coding.
- Fast & Responsive: 100/100 Lighthouse performance score
- Modern Stack: Built with Astro, TypeScript, and MDX
- Blog Posts: Share thoughts and experiences
- Project Showcase: Display development projects
- Search: Powered by Pagefind for fast content discovery
- Comments: Giscus integration for blog discussions
- Accessible: Fully accessible design
- SEO Optimized: Auto-generated sitemap and meta tags
- Framework: Astro
- Language: TypeScript
- Content: MDX for posts and projects
- Styling: CSS with Spectre theme
- Search: Pagefind
- Comments: Giscus
- Icons: Lucide & Simple Icons
- Build Tool: Vite
# Clone the repository
git clone https://github.com/stack-junkie/Stack-Junkie.com.git
cd Stack-Junkie.com
# Install dependencies
npm install
# or
pnpm install# Start development server
npm run dev
# or
pnpm dev
# Build for production
npm run build
# or
pnpm build
# Preview production build
npm run preview
# or
pnpm previewsrc/
├── components/ # Reusable UI components
├── content/ # Blog posts and projects (MDX)
├── layouts/ # Page layouts
├── pages/ # Route pages
├── assets/ # Images and static assets
└── styles/ # CSS styles
- Blog Posts: Add new
.mdxfiles tosrc/content/posts/ - Projects: Add new
.mdxfiles tosrc/content/projects/ - Configuration: Update site info in
astro.config.ts
This site can be deployed to any static hosting platform. The build process automatically:
- Builds the static site
- Generates search index with Pagefind
- Optimizes assets and images
This project is licensed under the MIT License - see the LICENSE file for details.
This is a personal website, but if you find bugs or have suggestions, feel free to open an issue!
- Website: Stack-Junkie.com
- GitHub: @stack-junkie
Built with ❤️ using Astro and the Spectre theme