Skip to content

feat: migrate docs to Astro framework#148

Open
jonathanperis wants to merge 1 commit intomainfrom
feat/migrate-docs-to-astro
Open

feat: migrate docs to Astro framework#148
jonathanperis wants to merge 1 commit intomainfrom
feat/migrate-docs-to-astro

Conversation

@jonathanperis
Copy link
Copy Markdown
Owner

Summary

Migrates the GitHub Pages documentation site from static HTML to the Astro framework.

Changes

  • Framework: Replaced static HTML with Astro components
  • Design: 100% preserved - cyber/futuristic dark theme with cyan accents (#00d4ff)
  • Features maintained:
    • Grid background pattern
    • Three-layer architecture diagram
    • Stats grid with hover effects
    • Technology stack cards
    • Responsive design
  • SEO: Full metadata (Open Graph, Twitter Cards, JSON-LD structured data)
  • Build: Static export to docs/out/ directory
  • CI/CD: Updated GitHub Actions workflow for Astro build process

File Structure

docs/
├── astro.config.mjs       # Static output config
├── package.json           # Dependencies: astro, @astrojs/sitemap
├── src/
│   ├── layouts/BaseLayout.astro
│   ├── components/home/
│   │   ├── Navbar.astro
│   │   ├── HeroContent.astro
│   │   ├── ArchDiagram.astro
│   │   ├── Stats.astro
│   │   ├── TechStack.astro
│   │   └── Footer.astro
│   ├── pages/index.astro
│   └── styles/globals.css
└── public/
    ├── docs/              # Preserved documentation
    ├── robots.txt
    └── sitemap.xml

Testing

  • ✅ Local build successful (npm run build)
  • ✅ Static files generated in docs/out/
  • ✅ All original CSS preserved
  • ✅ Responsive breakpoints maintained

Deployment

After merge, the site will automatically deploy via GitHub Actions on push to main.

- Replace static HTML with Astro components
- Preserve cyber/futuristic dark theme with cyan accents
- Add proper SEO metadata (Open Graph, Twitter Cards, JSON-LD)
- Configure GitHub Actions workflow for Astro build
- Move static assets to public/ directory
- Maintain architecture diagram and stats section

Design preserved:
- Cyber theme with cyan accents (#00d4ff)
- Grid background pattern
- JetBrains Mono / Rajdhani font families
- Three-layer architecture diagram
- Stats grid with hover effects
@jonathanperis jonathanperis force-pushed the feat/migrate-docs-to-astro branch from 73aa619 to 61ea086 Compare April 8, 2026 17:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant