A wishlist app built with Astro, SolidJS, and Baserow
This is the end result of a guide on how to build a wishlist app with Astro, SolidJS, and Baserow. You can find the guide here.
Live demo at: https://wishlist.darko.io
Deploying the app for yourself
Assuming you have a working version of Node 18.x (required by Astro 3.x)
- Clone the repo and install the dependencies
- Get your Baserow credentials as described in the guide linked above
- Deploy the app to a static site host of your choice
Development
To run the app locally, run npm run dev
and open http://localhost:4321
in your browser. This is a standard Astro app, so you can use all the commands that come with it.
Project structure and files
The structure of the project is a bog-standard Astro app, with the following notes:
src/components/List.tsx
together withList.css
is the only hydrated part of the app - it uses SolidJS to render the list of items fetched from Baserow viasrc/data/baserow.ts
.src/data/baserow.ts
is the utility for fetching data from the Baserow table that describes the wishilist (yes, I know the key is public, have a look at the article for alternative approaches).