https://github.com/ghwmelite-dotcom/ohwpstudios
Ultra-fast, lightweight agency/portfolio website built with Javascript framework Astro and deployed on Cloudflare Pages.
https://github.com/ghwmelite-dotcom/ohwpstudios
astro css development javascript typescript web website
Last synced: 14 days ago
JSON representation
Ultra-fast, lightweight agency/portfolio website built with Javascript framework Astro and deployed on Cloudflare Pages.
- Host: GitHub
- URL: https://github.com/ghwmelite-dotcom/ohwpstudios
- Owner: ghwmelite-dotcom
- Created: 2025-11-06T19:46:00.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2026-06-07T18:46:25.000Z (15 days ago)
- Last Synced: 2026-06-07T19:15:58.431Z (15 days ago)
- Topics: astro, css, development, javascript, typescript, web, website
- Language: Astro
- Homepage: https://ohwpstudios.org
- Size: 1.5 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern Agency Website
Ultra-fast, lightweight agency/portfolio website built with Astro and deployed on Cloudflare Pages.
## Features
- ⚡ **Blazing Fast** - Lighthouse 100/100 performance
- 🎨 **Stunning Design** - Modern glassmorphism with smooth animations
- 📝 **Built-in Blog** - MDX support for rich content
- 📅 **Booking System** - Integrated appointment scheduling
- 🤖 **AI Chatbot** - Cloudflare Workers AI for customer service
- 🌓 **Dark/Light Mode** - Smooth theme switching
- 📱 **Fully Responsive** - Mobile-first design
- 🔍 **SEO Optimized** - Meta tags, Open Graph, Schema markup
- 🚀 **Global CDN** - Deployed on Cloudflare's edge network
## Quick Start
```bash
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
```
## Deploy to Cloudflare Pages
1. Push this repo to GitHub
2. Connect to Cloudflare Pages
3. Build command: `npm run build`
4. Output directory: `dist`
5. Done! Your site is live globally.
## Customization
- Edit `src/config.ts` for site settings
- Modify colors in `src/styles/design-system.css`
- Add blog posts in `src/content/blog/`
- Customize components in `src/components/`
## Tech Stack
- **Framework**: Astro 4
- **Hosting**: Cloudflare Pages
- **Styling**: Modern CSS with custom properties
- **Content**: MDX for blog posts
- **Functions**: Cloudflare Workers
- **Database**: Cloudflare D1 (for bookings)