Note: As of 12.06.19, the backend is now a custom Express server, as opposed to the tina -git-server. Read more here on those changes.
Brevifolia is minimalist blog starter to get you going using TinaCMS with Next.js. Check out the demo here. A live version of the Tina demo in the cloud is coming soooon
This blog is statically generated by Next.js, a rendered combination of react components and markdown / json files. It is preconfigured to work with TinaCMS as a way to manage your content. Tina makes changes by editing markdown or json files, uploading media to the correct directory and committing these updates to your repo directly.
The structure of this blog with TinaCMS is based on the documentation, since Next.js is such a flexible framework, there's lots of ways you could approach using Tina with it. Checkout the documentation for some insight on how this site was setup with Tina + Next.
In your terminal, navigate to where you would like this blog to live, then run
#clone the repo git clone email@example.com:kendallstrautman/brevifolia-next-tinacms.git #navigate to the directory cd brevifolia-next-tinacms #install dependencies & run dev server with yarn yarn install yarn develop #or with npm npm install npm run develop
This will start a dev server, navigate to localhost:3000. Note that the script
dev doesn't start the git server which you need running to use Tina locally. Use
develop whenever trying to make edits with Tina.
- Site-level configuration is stored in
data/config.json. This is editable by Tina when you are on the home page.
- Edit styles within each component or page file within the
- Global styles live in the
src/posts/contains all your markdown blog posts.
src/static/is where you images live and will get uploaded.
src/pagesis where you page components live.
- The blog pages are dynamically generated with a
slugparameter. See the template in
- The pages & template are comprised of components from
- The routes are generated in
Using Tina as your CMS 🦙
Netlify is a great way to easily deploy sites.