This approach gives us more control over the project repository and hosting of our event website. We can still use the Stackbit editor to manage the content and collaborate with other users.
-
Create a new repository that uses this project as the template
- Use this link to do that quickly
-
Clone the new repository, install dependencies, and run it locally
git clone https://github.com/your-account/your-event-website cd your-event-website npm ci npm run prepare npm run dev # visit the site at http://localhost:3000
-
Run the Stackbit editor locally (technically we still access the online Stackbit editor, but all changes are saved directly to our local project)
npx stackbit dev # then follow the instructions in the console output
If we want other users to be able to manage the event website content, we need to import our repository into the Stackbit dashboard.
- From the Stackbit dashboard, click on the New project button
- Click on the Create from GitHub button
- Choose the Use my repository option and click Next
- Choose the repository that we just created in the previous steps, then click Validate
- We can leave the advanced options with the default values and click Next
- Give the project a name, then click Create Project
- It will take a while to spin up a fresh project, but once it's done we can start editing the content, adding new pages, and publishing the event website.
We can deploy the our new project to Netlify or Vercel, although we have to configure it manually.