Documentation

Getting Started

Follow these steps to get your site up and running:

  1. Clone or download the repository
  2. Run npm install to install dependencies
  3. Run npm run dev to start the development server
  4. Open http://localhost:3000 in your browser

Customization

Changing Colors

Edit styles/custom.css to customize the color scheme:

:root {
  --bs-primary: #558AAB;      /* Medium blue */
  --bs-secondary: #7EADC9;    /* Light blue */
  --bs-success: #5A8F6A;      /* Sage green */
  --bs-warning: #C1A980;      /* Tan/beige */
  --bs-danger: #D94A3D;       /* Muted red */
  --bs-dark: #353F38;         /* Dark gray-green */
}

Updating Content

Page files are located in the app/ directory:

  • app/page.js - Home page
  • app/about/page.js - About page
  • app/pricing/page.js - Pricing page
  • app/docs/page.js - This page

Deployment

Deploy to Vercel

  1. Push your code to GitHub
  2. Visit vercel.com
  3. Click "Import Project"
  4. Select your repository
  5. Click "Deploy"

Static Export

To export as static HTML:

npm run build

Files will be in the out/ directory, ready to host anywhere.

Components

This boilerplate uses Bootstrap 5 components. Visit Bootstrap Documentation for a complete component reference.