pcbjam/site
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Viktor Vaczi c8c09cc3d7 fix(site): close mobile menu when a nav item is tapped
The CSS-only hamburger (checkbox toggle) only reset on astro:page-load, which fires for real navigations (Blog) but not for same-page anchor links (How it works / Open & yours / Join the waitlist) that scroll without navigating — so the menu stayed open after tapping them. Add a one-time delegated click handler on the nav that unchecks the toggle on any link tap. Items stay identical to desktop; scrolling unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-08 14:32:57 +02:00
..
brand feat(site): 🫙 PCBJam landing revisions — branding, accuracy, positioning graphic 2026-06-07 17:14:19 +02:00
public feat(site): 🫙 PCBJam landing revisions — branding, accuracy, positioning graphic 2026-06-07 17:14:19 +02:00
src fix(site): close mobile menu when a nav item is tapped 2026-06-08 14:32:57 +02:00
.env.example fix(site): wire Resend waitlist via astro:env, fix TS errors + deprecations 2026-06-08 14:26:54 +02:00
.gitignore feat(site): 🚀 add Astro marketing/content site 2026-06-07 08:57:37 +02:00
astro.config.mjs fix(site): wire Resend waitlist via astro:env, fix TS errors + deprecations 2026-06-08 14:26:54 +02:00
package-lock.json fix(site): wire Resend waitlist via astro:env, fix TS errors + deprecations 2026-06-08 14:26:54 +02:00
package.json fix(site): wire Resend waitlist via astro:env, fix TS errors + deprecations 2026-06-08 14:26:54 +02:00
postcss.config.mjs feat(site): 🛬 PCBJam landing page — waitlist, sections, Tailwind 2026-06-07 14:59:13 +02:00
README.md feat(site): 🚀 add Astro marketing/content site 2026-06-07 08:57:37 +02:00
tsconfig.json feat(site): 🚀 add Astro marketing/content site 2026-06-07 08:57:37 +02:00

site

Public-facing marketing/content site for the KiCad WebAssembly project: landing page, blog, and legal pages. Built with Astro 6.

This is a standalone project — it is intentionally decoupled from the /web app monorepo (which is the product itself: React frontend + Fastify backend). It uses npm (not the monorepo's pnpm) and has its own package-lock.json.

What it ships

  • Static by default: every page is prerendered to HTML and ships zero client JavaScript. A visitor downloads HTML + CSS only — no React/JS bundle.
  • SSR-capable: the Vercel adapter is wired in, so any individual route can be switched to per-request server rendering without ripping anything out (see below).

Routes

Route Source
/ src/pages/index.astro
/blog src/pages/blog/index.astro
/blog/<id> src/pages/blog/[slug].astro
/terms src/pages/terms.astro
/privacy src/pages/privacy.astro
/cookies src/pages/cookies.astro

Blog posts are Markdown files in src/content/blog/, validated by the schema in src/content.config.ts. Add a post by dropping a new .md file there with title, description, and pubDate frontmatter.

Local development

Requires Node ≥ 22.12 (Astro 6 requirement).

cd site
npm install
npm run dev        # http://localhost:4321
npm run build      # outputs to dist/ (+ .vercel/output for the adapter)
npm run preview    # serve the production build locally

SSR per route

Pages are static by default. To render a specific page or endpoint on demand (per request, as a Vercel Function), add this to its frontmatter:

---
export const prerender = false;
---

That's the only change needed — the @astrojs/vercel adapter in astro.config.mjs already provides the server runtime. The rest of the site stays static.

Deploying to Vercel

The @astrojs/vercel adapter emits the Vercel Build Output API format, so no vercel.json is required.

  1. Push this repo to GitHub.
  2. Vercel dashboard → New Project → import this repo.
  3. Click Edit next to Root Directory and set it to site. This is the standard way to deploy a project that lives in a subdirectory.
  4. Vercel auto-detects the Astro framework preset and the package manager from the lockfile. Leave the build/install commands at their defaults.
  5. Deploy. Static pages are served from the CDN; any route with prerender = false is deployed as a Vercel Function automatically.

Note: do not use vercel.json for URL rewrites with Astro — use Astro's redirects option in astro.config.mjs instead.