Documentation-first electronics publishing

Build a hardware learning site that feels like a lab notebook, not a placeholder homepage.

This rebuild turns the app into a static documentation hub for tutorials, blogs, product information, news, and project records. It exports cleanly for GitHub hosting now and keeps the content model portable for a future Django plus React stack.

Publishing blueprint

One site, four content streams, and project-linked artifacts.

Projects act as the anchor pages. Tutorials teach the workflows, product pages explain the hardware, blog posts capture lessons, and news records release moments.

public/generated/<project-slug>/
board-dimensions/
code/
data-sheets/
datasheets/
schematics/

Projects

3

Project pages keep generated files, tutorials, and release notes tied to the same hardware slug.

Content types

4

Tutorials, products, blog posts, and news pages are all generated from the same content model.

Hosting model

Static

Next.js exports a plain site for GitHub hosting, so there is no backend cost or runtime dependency today.

Artifact buckets

5

Generated files can land in predictable folders without changing the route structure.

Project-centered structure

Each hardware effort gets a permanent home

Project pages are the connective tissue between generated assets and the editorial content that teaches people how the hardware works.

View all projects

Content streams

The site is organized like a teaching platform

This layout borrows the best parts of hardware education sites: browsable sections, practical content, and strong links back to the project that generated the knowledge.

Featured content

Start with the pages that define the workflow

These entries establish the tone of the site: teach the process, expose the supporting files, and keep the project context nearby.

Automation handoff

Reserve the artifact paths now so other repositories can publish into them later

The frontend already knows the bucket names. A GitHub Actions workflow in another repository only needs to copy generated files into the matching project slug.

Board dimensions

Mechanical exports, keep-outs, and enclosure references.

public/generated/<project-slug>/board-dimensions/

Code

Firmware releases, examples, and support scripts.

public/generated/<project-slug>/code/

Data sheets

Vendor documents mirrored with the dash-separated naming used upstream.

public/generated/<project-slug>/data-sheets/

Datasheets

Compatibility bucket for generated exports that omit the dash.

public/generated/<project-slug>/datasheets/

Schematics

Rendered PDFs, source snapshots, and revision notes.

public/generated/<project-slug>/schematics/

Why static first works

You asked for a site that feels closer to Adafruit Learn or SparkFun documentation than a blank app shell. The right first step is a static structure with strong content types and zero backend complexity.

When you are ready for Django, the presentation layer can change without rethinking the taxonomy: projects stay projects, tutorials stay tutorials, and generated artifacts still belong to the same project slugs.