New starter template using Astro

An illustration of an astronaut holding a dossier

By Jonas Bengtsson

Dec 01, 2023

Astro is a web framework that at least initially was focused on content driven sites. Nowadays it's not limited to that. With support for everything from React to Vue to Svelte, it supports highly interactive sites as well, in one package. Given that the web interface for Dossier is written in React, the islands architecture used by Astro means that you can integrate Dossier while using e.g. Astro or Svelte components for the rest of your site.

Now there's a new starter template that shows how to achieve this, dossier-astro-sqlite-app, available on GitHub. It gets you set up within minutes.

Here are the steps to get started:

npm init using dossierhq/dossier-astro-sqlite-app my-project
cd my-project
git init && git add . && git commit -m '🚀 Created project 🚀'
npm install
npm run build
npm start

Now you have a fully working CMS running locally, storing the content in a SQLite database. To keep things simple there's no authentication, instead there are two different users used for production and development, and the web interface is turned off in production.

Given that the Dossier web interface already runs on Vite, in Playground, and in Next.js, for this site and the dossier-next-sqlite-app starter template, it was a natural next step to add Astro to the list. And thankfully it was a very smooth experience, which speaks a lot to the integration story for Astro.

Please try it out and let me know what you think!