Small Business Starter v2 — Astro 7 & Tailwind CSS v4 Template
A minimal, blazingly fast, and fully customizable website template designed specifically for small businesses, local trades, contractors, and freelancers. Give your clients a production-ready, mobile-first web presence with near-perfect performance out of the box.
Overview
Small Business Starter v2 is built on top of the ultra-efficient Astro 7 framework and styled with the utility stack of Tailwind CSS v4. This free template eliminates the clutter of traditional CMS platforms, offering developer-friendly, lightning-fast static page generation alongside structured JSON data controls.
Whether building a site for a plumber, a local marketing agency, a landscaping firm, or an independent consultant, this theme handles everything from showcase galleries to dynamic blogs and lead capture.
Key Features
Centralized Business Configuration
No more hunting through dozens of layout files to fix a phone number typo. The entire template's content is managed via a single source of truth at src/data/siteData.ts. From this single file, you can control:
- Core Metadata: Business names, localized taglines, and localized target SEO descriptions.
- Contact Information: Interactive click-to-call links, physical address mappings, and structured business hours.
- Marketing Blocks: Custom customer testimonials, list service cards, and trust indicator banners.
Fully Synchronized Brand System
Tweak the global visual identity safely across your ecosystem. Global tokens dictate layout borders, theme curves, and surface variations from src/config/brand.ts, compiling uniformly down to standard Tailwind variable fallbacks.
Zero-Config Serverless Forms
Equipped with native Netlify Forms integration out of the box. Simply deploy to Netlify and your functional contact form safely processes customer messages, blocks spam, and stores contacts dynamically inside your hosting portal with no custom API configurations required.
Built-in Markdown Blog Ecosystem
Easily deploy helpful articles, project recaps, or localized announcements. The schema-validated /blog route features automated slug mapping, Markdown/MDX frontmatter handling, and pre-built draft flags to organize pending drafts cleanly before production compilation.
Automatic Image Optimization
Drop your raw project or background imagery directly inside local assets directories. Astro’s local picture compiler processes layout imagery down into next-gen file structures to maintain high-quality aesthetics while maintaining absolute maximum performance scores.
Tech Stack & Tools
- Core Framework: Astro 7 (Static Site Generation)
- Styling Stack: Tailwind CSS v4 & @tailwindcss/typography
- Built-in Forms: Netlify Forms (Serverless Inbox Routing)
- SEO Foundation: @astrojs/sitemap & astro-robots-txt
- Quality Assurance: Playwright End-to-End Testing
- Package Manager: pnpm
Included Pages & Templates
The layout maps standard local business funnels directly out of the box:
Homepage (/): Full hero splash screen, localized key trust vectors, services overview, and social proof sections.
About (/about): Dedicated brand story module alongside structured team bio rows.
Services (/services): Comprehensive descriptions of localized offerings and technical operations.
Reviews (/reviews): Organized lists of customer recommendations and regional testimonials.
Blog System (/blog): Clean post archives with self-contained readable text detail routes.
Contact (/contact): Lead-generation contact forms coupled with sidebar access schedules.
Compliance (/privacy & /terms): Automatically rendered data templates for easy legal auditing.
