Export · Astro
Astro themes that arrive as a whole website
The Astro export turns a Kiekkist design into an Astro project that npm run build turns into a static website. Every section of the design becomes its own component, copy and lists sit next to it as content collections. You change content in files, not in templates.
It suits you if you want fast pages without a server to look after: the built site is HTML, CSS and a little JavaScript that runs on any web space. If you want to connect a headless CMS later, the project has the configuration for it.
See the designsOne design €59 one-off, every export included.
Designs with this export
94 designs were built with the Astro export before going into the gallery. The licence covers every export of the same design.
-
10 pagesLCP 1.6 sBFSG check, no errors
-
10 pagesLCP 2.2 sBFSG check, no errors
-
10 pagesLCP 2.0 sBFSG check, no errors
-
12 pagesLCP 1.9 sBFSG check, no errors
-
10 pagesLCP 1.9 sBFSG check, no errors
-
10 pagesLCP 1.6 sBFSG check, no errors
-
10 pagesLCP 2.0 sBFSG check, no errors
-
9 pagesLCP 2.4 s
-
10 pagesGermanLCP 2.2 sBFSG check, no errors
What you get
- Components
- One Astro component per section, typed props, the original copy as default values.
- Content
- content.config.ts with one collection per list: services, projects, team, FAQ.
- Layout and security
- A base layout with meta data, content security policy on, self-hosted fonts.
- Design tokens
- Colours, fonts and spacing as CSS variables, described in DESIGN.md.
How it goes live
- Buy the design or load a free one, unpack the Astro export.
- npm install, then npm run dev and change the content in src/content.
- npm run build writes the finished site to dist.
- Upload dist to your web space or deploy it through Git, for example with Coolify or an EU host.
What is not included
There is no editing interface built in. If clients should change copy themselves, you need a headless CMS or the WordPress export.
One design, your stack
- HTMLEvery page as HTML and CSS, legal page stubs, 404, sitemap and security headers. No build step.
- WordPresstheme.json v3, one pattern per section with core blocks, templates and parts, as a ZIP to upload.
- ReactTSX section components, Tailwind v4 @theme from the tokens, shadcn/ui variables and a registry. For Next.js or Vite.
- ElementorHello Elementor child theme with self-hosted fonts and tokens, a kit with global colours and fonts. Design layer only.
Related
- Astro: Trades and small businesses24
- Astro: Portfolios and studios15
- Astro: IT and software14
- Astro: Funnels & landing pages13
- Astro: Online shops & e-commerce12
- Astro: Consulting, coaching and law10
- Astro: Restaurants and food8
- Astro: Architecture and interiors7
- Astro: Photography7
- Astro: Non-profits and clubs6
- Astro: Industry and energy6
- Astro: Conversion components5
Questions
Which Astro version?
The export is written for Astro 7 and is built once for every design before it goes into the gallery.
Do I need Tailwind?
No. The design brings its own CSS with tokens. If you want Tailwind, take the React export or add it yourself.