SpaceDash is the editor that comes with every SpaceClub! site. It lives at /admin/ and lets you edit your pages, posts, events, and settings in your browser - no files, no terminal.
It’s built on Decap CMS, and it edits the very same Markdown and JSON files you’d edit by hand. Nothing is stored anywhere else, so you can switch between SpaceDash and your code editor whenever you like.
What You Can Do
| Section | What’s In It |
|---|---|
| Pages | Every page, with its title, description, and a Show in the menu switch. |
| Events | Your events, with date, times, location, and map link. See Events. |
| Posts | Your posts. See Posts. |
| Settings | Your site’s name, description, logo, favicon, and navigation links. |
| Content types | Make your own kinds of content, like Team or Projects. See Content Types. |
The text editor has a + button that adds blocks to any page, post, or event:
| Block | What It Adds |
|---|---|
| Button | A link button. See Buttons. |
| Feed | Your events and posts as cards. See The Feed. |
| Gallery | A photo gallery from a folder of images. See Gallery. |
| Form | A contact form. See Forms. |
| Event details | An event’s date, time, and place, wherever you want them. |
Each content type you make gets a block too, which lists its entries on any page.
The preview next to the editor shows your page exactly as your site will - same layout, same colours, same blocks.
On Your Computer
Your site’s ecosystem.config.cjs starts everything SpaceDash needs, using pm2:
npm install -g pm2
pm2 start ecosystem.config.cjsThen open http://localhost:8090/admin/. There’s no sign-in on your own computer, and every save goes straight into your files - just like editing them yourself.
To stop it again: pm2 stop ecosystem.config.cjs.
On Your Live Site
On sites hosted by TalkingSites, open /admin/ on your site’s address and log in. Every change becomes a pull request with its own preview, and nothing goes live until you publish it.
Tips
- Images - Upload them in SpaceDash’s media library. They’re saved into
src/assets/images/uploads/, like any other image. - Mixing and matching - Edit in SpaceDash one day and in your code editor the next. It’s all the same files.
- Code in your content - SpaceDash shows blocks as forms, but underneath they’re the same
{% include %}lines you’d write yourself. Switch the editor to Markdown mode to see them.