Export

React, HTML, and Astro

What each code export contains, and how to run it.

Choosing an output

All three download as a ZIP. Pick React for an app, HTML for a static site, Astro for a content site.

The styling choice is made in the plugin before the build, not here.

What you get

React: A Vite project using React 18 and TypeScript, with routing.
HTML: Static pages, one shared stylesheet, and small scripts for interaction.
Astro: An Astro project with one page per route and a shared stylesheet.

Styling options, set in the plugin

Include assets bundles the images into the ZIP. Leave it off and they load from a CDN instead, which makes the download smaller.

React file structure

src/
  pages/       one folder per page
  shared/      reusable sections
  routes/      route definitions
  styles/      index.css

HTML file structure

index.html
styles.css
assets/
about/
  index.html

React and Astro

HTML needs no build step. Upload the files to any static host.

React is a single page app

Configure your host for SPA fallback, so a deep link like /about serves index.html instead of returning a 404.

HTML interactions: Tabs, accordions, sliders, and the mobile menu run on small scripts included in the download.
React interactions: These use real React state instead.