#Pabal Web Template Docs

Pabal Web is a static Next.js template for indie developers. It helps you run a personal product site with product detail pages, developer intro, blog content, and SEO workflows without rebuilding app code for every content update.

#What this template includes

  • Product pages for each app
    • detail page
    • privacy policy and terms of use pages
    • contact form route with email delivery support
  • Developer introduction section on the home page
  • Blog system
    • app-specific blog list and article pages
    • latest blog banner route per app
  • SEO defaults
    • sitemap and robots generation
    • Google Search Console indexing script

#Quick start

  1. Create a repository from the template, then clone it.
  2. Install dependencies: 
    yarn install
  3. Copy example content: 
    cp -r examples/public/* public/
  4. Create .env.local from .env.local.example and set required values.
  5. Start local development: 
    yarn dev
  6. Continue with Project Setup for full setup and deploy.

#Configure Additional Product Pages

Use this when a product needs custom routes like /en-US/aurora-eos/location-probability.

  1. Open public/products/<slug>/config.json.
  2. Add extraPaths as a string array. 
    {
  "slug": "aurora-eos",
  "extraPaths": ["location-probability"]
}
  3. Register the page component in src/products/custom-pages/index.ts.
  4. Implement the page component under src/products/custom-pages/<slug>/.

Notes:

  • extraPaths stores path values only.
  • UI logic and data fetching should stay inside each custom page component.
  • Reserved paths such as privacy-policy, terms-of-use, and contact are blocked.
Setup Project