The official website for DEVGO Studio - a creative software development and digital marketing agency based in the Philippines. This site showcases our portfolio, case studies, client reviews, and services.
Project Name: DEVGO Studio Website
Version: 2026.1.2
Live URL: https://test.devgo.studio
Repository: https://github.com/devgo-studi-cebu/www
DEVGO Studio is a full-service digital agency specializing in:
- Website Development - Modern, performant web applications
- E-Commerce Solutions - Online stores with seamless checkout experiences
- AI Automation - Intelligent automation for business workflows
- Mobile Development - Cross-platform mobile applications
- Software Development - Custom software solutions
- UI/UX Design - Beautiful, user-centered design
- Digital Marketing - SEO, content strategy, and growth marketing
- Portfolio Showcase - Display of past projects and work samples
- Case Studies - Detailed project breakdowns with client stories
- Client Reviews - Testimonials from satisfied clients
- Services Overview - Comprehensive service offerings
- SEO Optimized - Full SEO implementation with sitemaps and meta tags
- Performance First - Static site generation for optimal loading speeds
- Responsive Design - Mobile-first approach with Tailwind CSS
| Technology | Version | Purpose |
|---|---|---|
| Astro | 6.1.2 | Static site generator & framework |
| TypeScript | 5.x | Type-safe JavaScript |
| Tailwind CSS | v4 | Utility-first CSS framework |
| Bun | 1.2 | Fast JavaScript runtime & package manager |
| Library | Purpose |
|---|---|
| anime.js | JavaScript animations |
| Pixi.js | 2D WebGL graphics & effects |
| Lucide Icons | Beautiful icon library |
| Integration | Purpose |
|---|---|
| @astrojs/mdx | Markdown/MDX content support |
| @astrojs/sitemap | Automatic sitemap generation |
| Font | Source |
|---|---|
| Monument Extended | Custom display font (Regular & Ultrabold) |
| Montserrat | Google Fonts (Variable) |
| Service | Purpose |
|---|---|
| Dokploy | Self-hosted deployment platform |
| Docker | Containerization |
| Nginx | Web server & reverse proxy |
- Node.js 20+ or Bun 1.2+
- Git for version control
- Docker (optional, for production builds)
- Clone the repository
git clone https://github.com/devgo/www.git
cd www- Install dependencies
Using Bun (recommended):
bun installOr using npm:
npm install- Start development server
bun run devThe site will be available at http://localhost:4321
| Command | Description |
|---|---|
bun dev |
Start development server with hot reload |
bun run build |
Build for production (outputs to dist/) |
bun preview |
Preview production build locally |
bun astro |
Astro CLI commands |
├── src/
│ ├── assets/
│ │ ├── fonts/ # Custom fonts (Monument Extended)
│ │ ├── images/ # Image assets
│ │ ├── logos/ # Client logos
│ │ └── works/ # Portfolio project images
│ ├── components/
│ │ ├── case-study/ # Case study components
│ │ ├── landing/ # Landing page sections
│ │ ├── navbar.astro # Navigation component
│ │ ├── footer.astro # Footer component
│ │ └── seo.astro # SEO meta tags component
│ ├── content/
│ │ └── case-studies/ # MDX case study content files
│ ├── layouts/
│ │ └── BaseLayout.astro # Base HTML layout
│ ├── lib/
│ │ ├── featured.ts # Featured projects data
│ │ ├── reviews.ts # Client reviews data
│ │ ├── showcase.ts # Showcased projects data
│ │ └── values.ts # Company values data
│ ├── pages/
│ │ ├── index.astro # Homepage
│ │ ├── showcase.astro # Portfolio showcase
│ │ ├── case-studies/ # Case studies list & detail pages
│ │ └── llms.txt.ts # LLM training data endpoint
│ ├── styles/
│ │ └── global.css # Global styles & Tailwind imports
│ └── utils/
│ └── seo.ts # SEO utilities
├── public/
│ └── favicon.svg # Static assets
├── docs/
│ ├── seo-maintenance.md # SEO maintenance guide
│ ├── plans/ # Planning documents
│ └── CONTRIBUTING.md # Content management guide
├── astro.config.mjs # Astro configuration
├── Dockerfile # Docker build configuration
├── nginx.conf # Nginx configuration
├── package.json # Dependencies
└── tsconfig.json # TypeScript configuration
The site uses Astro's Content Collections for type-safe content management:
Case Studies (src/content/case-studies/)
- Schema defined in
src/content.config.ts - MDX format with frontmatter
- Supports images, code blocks, and rich content
- Categories: Website Development, E-Commerce, AI Automation, Mobile Development, Software Development
Static data is stored in src/lib/:
| File | Purpose | Location |
|---|---|---|
reviews.ts |
Client testimonials | src/lib/reviews.ts |
featured.ts |
Featured projects | src/lib/featured.ts |
showcase.ts |
Showcased projects | src/lib/showcase.ts |
values.ts |
Company values | src/lib/values.ts |
Managing content like reviews, projects, and case studies is documented in the Content Management Guide.
Quick links:
This project is deployed using Dokploy - a self-hosted deployment platform.
Live Site: https://devgo.studio
The project includes a multi-stage Dockerfile for optimized production builds:
# Build the Docker image
docker build -t devgo-studio .
# Run the container
docker run -p 8080:80 devgo-studio- Build for production
bun run build- Deploy the
dist/folder to your hosting provider
The dist/ folder contains the static files ready for deployment.
The included nginx.conf provides:
- SPA routing support (404 fallback to index.html)
- Asset caching (1 year for static files)
- Gzip compression
- Security headers
We welcome contributions! Please see our Contributing Guide for detailed instructions on:
- Content management workflows
- Code style guidelines
- Submitting changes
- Review process
Copyright © 2026 DEVGO Studio. All rights reserved.
- Website: https://devgo.studio
- Email: official@devgo.studio
- Location: Philippines
Built with ❤️ by DEVGO Studio