# Website Scaffold - Build Guide ## Architecture **Framework:** Astro.js (SSG + SSR capable) **Styling:** Tailwind CSS **Deployment:** Server-side preview build **Purpose:** Conversion-focused, minimal, fast --- ## Phase 1: Project Bootstrap ### 1.1 Initialize Astro Project ```bash # Create new Astro project npm create astro@latest startuplx-website cd startuplx-website # Select template # → Minimal | TypeScript | Tailwind CSS # Install dependencies npm install # Start development server npm run dev ``` ### 1.2 Project Structure ``` /services/website/ ├── public/ # Static assets │ ├── favicon.svg │ └── robots.txt ├── src/ │ ├── components/ # Reusable UI components │ │ ├── Hero.astro │ │ ├── ServicesGrid.astro │ │ ├── PricingCard.astro │ │ └── CTABanner.astro │ ├── layouts/ │ │ └── BaseLayout.astro │ ├── pages/ │ │ ├── index.astro # Homepage │ │ ├── services/ │ │ ├── pricing/ │ │ └── contact/ │ ├── styles/ │ │ └── global.css │ └── data/ │ └── services.json ├── astro.config.mjs ├── tailwind.config.js └── package.json ``` --- ## Phase 2: Core Components ### 2.1 Base Layout ```typescript // src/layouts/BaseLayout.astro --- import Header from '../components/Header.astro' import Footer from '../components/Footer.astro' import '../styles/global.css' --- StartupLX - Build Systems That Run Without You