Builder.io example with Astro and Solid

See App.jsx for usage

Try it out

1. Install dependencies

npm install

2. Run the dev server

npm run dev

3. Create an account with Builder.io if you don't already.

4. Log into your account at builder.io/login

5. Go to the models page (https://builder.io/models) and choose the "page" model and change the "editing url" to http://localhost:3000 to use your local dev server.

6. Then go to the account page (https://builder.io/account) and copy your public API key, and paste it into the apiKey variable in the App.jsx file.

7. Now, go to the content page (https://builder.io/content) and choose "+ new" in the top right and create a new page with URL /

You should now be able to use the Builder drag and drop editor in your solidjs app. Be sure to always have the <Content> component be present anywhere

Learn more about previewing and editing in Builder.io

Available Scripts

In the project directory, you can run:

npm dev or npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

npm run build

Builds the app for production to the dist folder.
It correctly bundles Solid in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Deployment

You can deploy the dist folder to any static host provider (netlify, surge, now, etc.)