Skip to content
Juju Alpha Docs

Quick Start

Clone the Juju Alpha site as a starting point for any new client project.

1. Clone and rename

Section titled “1. Clone and rename”
Terminal window
git clone https://github.com/ctrl07/juju-alpha <client-name>
cd <client-name>
npm install

2. Find and replace core identifiers

Section titled “2. Find and replace core identifiers”

Run a global find-and-replace across the whole project:

Find Replace with
jujualpha.in <client-domain>
Juju Alpha <Client Name>
juju-alpha <project-slug>

3. Update brand colors

Section titled “3. Update brand colors”

Open src/styles/global.css. Replace the --color-brand-* values in the @theme block with the client’s brand color.

Use uicolors.app to generate a full 50-950 scale from a single hex value.

4. Update astro.config.mjs

Section titled “4. Update astro.config.mjs”
site: "https://<client-domain>",

5. Update the schema in src/layouts/Layout.astro

Section titled “5. Update the schema in src/layouts/Layout.astro”

Replace these fields with the client’s real info:

  • name - business name
  • telephone, email
  • address - full postal address
  • geo - latitude/longitude (get from Google Maps)
  • sameAs - social profile URLs
  • aggregateRating - real numbers from client, or remove the block

6. Update public/robots.txt

Section titled “6. Update public/robots.txt”
Sitemap: https://<client-domain>/sitemap-index.xml

7. Replace content

Section titled “7. Replace content”
  • src/pages/index.astro - homepage copy, services, pricing
  • src/pages/about.astro - team, story
  • src/pages/contact.astro - address, phone, Web3Forms access key, Google Maps embed src
  • src/pages/services/ - service descriptions and pricing
  • public/favicon.svg - client logo/favicon
  • public/og-image.jpg - 1200x630 social preview image
  • public/logo.svg - header logo

8. Set up Cloudflare Pages

Section titled “8. Set up Cloudflare Pages”
  1. Push to a new GitHub repo
  2. Connect it in Cloudflare Pages -> Create application -> Connect to Git
  3. Build command: npm run build, output: dist
  4. Add custom domains: client-domain.com AND www.client-domain.com
  5. Set environment variables if using Cashfree (see Environment variables)

9. Run locally

Section titled “9. Run locally”
Terminal window
npm run dev       # http://localhost:4321
npm run build     # production build to /dist
npm run preview   # preview the built output

10. Post-deploy

Section titled “10. Post-deploy”
Terminal window
npm run indexnow  # submit all URLs to Bing/Yandex via IndexNow

Submit sitemap to Google Search Console manually.