Cassidy’s blog template
Hello, welcome. This is a blog (“blahg” is the proper spelling for Chicagoans) template. It’s built with Astro, and uses TinaCMS to edit the content!
See the blahg
To use the template
- Connect to your chosen hosting provider (see Deploy to Netlify button below if you want to go that route, otherwise use the GitHub template button above and pick a different one)
- Make an account at tina.io
- Add your TinaCMS keys (see below)
- Update
astro.config.mjswith your domain - Edit
src/config.js - Add your URL in line 1 of
public/robots.txt - Add your links in
src/components/Header.astro - Update the intro in
pages/about.md - Edit the images in
public/(optional) - Edit whatever tags you want in
tina/config.js(optional)
After this, you can add your content to posts/ with Markdown files, or with TinaCMS by going to yoururl.com/admin!
And finally, please ping me (via social media, or in a GitHub Issue, or whatever) if you use this template! I would love to see your writing and subscribe to your RSS feed!
Run it yourself
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:4321 |
npx tinacms dev -c 'astro dev' | Manually run local server if the regular command doesn’t work |
npm run build | Build your production site to ./dist/ |
npm run preview | Preview your build locally, before deploying |
You go to localhost:4321/admin/index.html to see the CMS and use it. If you want to clone this for yourself, you’ll need a .env.development file that has the following in it:
TINACLIENTID=<from tina.io>
TINATOKEN=<from tina.io>
TINASEARCH=<from tina.io>If you get a remote GraphQL schema error, chances are you need to update TinaCMS, details here!
Have fun!