This is my personal website and blog built with Astro, a modern static site generator that delivers lightning-fast performance by shipping minimal JavaScript.
The site follows a standard Astro structure:
src/pages- All content pages and blog postssrc/layouts- The main Layout component used across the sitesrc/components- Reusable UI components
The theme uses a customized dark/light mode toggle with Tailwind for styling and includes responsive design throughout.
# Install dependencies
npm install
# Start the development server
npm run dev
# Build for production
npm run build
# Preview the production build
npm run previewTo create a new blog post:
-
Create a new Markdown file in the
src/pages/posts/directory following this naming convention:YYYY-MM-DD-post-title-slug.md -
Add the required frontmatter at the top of your file:
--- title: Your Post Title date: YYYY-MM-DD description: A brief description of your post --- # Your Post Title Post content goes here...
-
Write your content using standard Markdown syntax.
-
Posts are automatically routed to
/YYYY/MM/DD/post-title-slugand will appear on the homepage and blog index page when built.
The site uses Tailwind CSS with a custom color scheme:
- Primary: Dark theme background
- Secondary: Dark accents
- Accent/Highlight: Gold accents for buttons and links
The typography is enhanced with the @tailwindcss/typography plugin for rich text styling in blog posts.
This repository uses CodeBunny for automated AI-powered code reviews on pull requests.
The workflow requires the following repository secrets and variables:
Secrets:
CONTINUE_API_KEY- Your Continue API keyAPP_PRIVATE_KEY- (Optional) GitHub App private key for enhanced authentication
Variables:
CONTINUE_ORG- Your Continue Hub organization nameCONTINUE_CONFIG- Your Continue assistant slug (format:owner/package-name)APP_ID- (Optional) GitHub App ID for enhanced authentication
CodeBunny automatically reviews PRs when they are opened, synchronized, or marked ready for review. You can also trigger a review by commenting @codebunny on any PR.
This site is deployed on Netlify, which automatically builds and deploys the site when changes are pushed to the main branch.
| 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 |