at.ncvp.me

First Astro project with 'pages' and 'posts' collections

Add tinaCMS

Follow Astro docs with quite a few corrections by Gemini and Claude

Posted on 31st May 2026 at 07:30 by Admin


Docs

Follow Astro docs

Install

% npx —yes @tinacms/cli@latest init # —yes required to bypass recent Astro bug. Suggested by Gemini
Use Other framework
Use NPM package manager
Use Typescript for Tina configuration
Store public assets in /public

Adjustments

Change package.json:

  ...
  "scripts": {
    "dev-orig": "astro dev",
    "dev": "tinacms dev -c \"astro dev\"",
    ...

Change /tina/config.ts

  ...
  schema: {
    collections: [
      {
        name: "post",
        label: "Posts",
        path: "src/content/posts",
        ...

Fixes

Is it actually worth it?

Quite a nice display. A bit like editing in WordPress, but not as finished.
VScode + fmatter.py works much better.

Category: admin Tags: edit tech cms

Rendered by src/pages/posts/[slug].astro