From 7420e02a847bccc5aed8760910de68c2c202d4dc Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Tue, 28 Apr 2026 13:18:16 +0700 Subject: [PATCH] Add content collections, layouts and blog pages for Tina integration --- .gitignore | 5 ++- package.json | 15 +++++-- src/content.config.ts | 22 +++++++++++ src/content/pages/about.md | 8 ++++ src/content/posts/welcome.md | 17 ++++++++ src/content/settings/site.json | 5 +++ src/layouts/Layout.astro | 71 ++++++++++++++++++++++++++++++++++ src/pages/blog.astro | 57 +++++++++++++++++++++++++++ src/pages/posts/[slug].astro | 62 +++++++++++++++++++++++++++++ 9 files changed, 257 insertions(+), 5 deletions(-) create mode 100644 src/content.config.ts create mode 100644 src/content/pages/about.md create mode 100644 src/content/posts/welcome.md create mode 100644 src/content/settings/site.json create mode 100644 src/layouts/Layout.astro create mode 100644 src/pages/blog.astro create mode 100644 src/pages/posts/[slug].astro diff --git a/.gitignore b/.gitignore index ce47e26..0dd2359 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,7 @@ node_modules dist .env -*.log \ No newline at end of file +*.log +.astro +package-lock.json +.omc diff --git a/package.json b/package.json index 6025204..06ec428 100644 --- a/package.json +++ b/package.json @@ -1,12 +1,19 @@ { - "name": "astro6-simple", + "name": "astro-tina", "type": "module", "scripts": { "dev": "astro dev --host 0.0.0.0", "build": "astro build", - "preview": "astro preview" + "preview": "astro preview", + "dev:tina": "tinacms dev -c \"node ./tina/config.server.ts\"" }, "dependencies": { - "astro": "^6.1.7" + "astro": "^5.6.1", + "@astrojs/mdx": "^4.0.8", + "@tinacms/cli": "^2.2.3", + "react": "^18.3.1", + "react-dom": "^18.3.1", + "tinacms": "^2.2.3", + "astro-tina": "^0.1.4" } -} \ No newline at end of file +} diff --git a/src/content.config.ts b/src/content.config.ts new file mode 100644 index 0000000..d41da57 --- /dev/null +++ b/src/content.config.ts @@ -0,0 +1,22 @@ +import { defineCollection, z } from "astro:content" + +const postCollection = defineCollection({ + type: "content", + schema: z.object({ + title: z.string(), + description: z.string().optional(), + }), +}) + +const pageCollection = defineCollection({ + type: "content", + schema: z.object({ + title: z.string(), + description: z.string().optional(), + }), +}) + +export const collections = { + posts: postCollection, + pages: pageCollection, +} diff --git a/src/content/pages/about.md b/src/content/pages/about.md new file mode 100644 index 0000000..3d96497 --- /dev/null +++ b/src/content/pages/about.md @@ -0,0 +1,8 @@ +--- +title: About +description: About our site +--- + +# About Us + +We are building modern websites with Astro and Tina CMS. diff --git a/src/content/posts/welcome.md b/src/content/posts/welcome.md new file mode 100644 index 0000000..73ece7a --- /dev/null +++ b/src/content/posts/welcome.md @@ -0,0 +1,17 @@ +--- +title: Welcome to Astro + Tina +description: A modern starter with Astro 6 and Tina CMS +--- + +# Welcome to Astro + Tina + +This is a sample page managed by Tina CMS. + +## Features + +- Visual content editing with Tina CMS +- Git-based content management +- Static site generation with Astro +- Easy deployment on Easypanel + +Stay tuned for more updates! diff --git a/src/content/settings/site.json b/src/content/settings/site.json new file mode 100644 index 0000000..ec916d3 --- /dev/null +++ b/src/content/settings/site.json @@ -0,0 +1,5 @@ +{ + "siteName": "Astro Tina Starter", + "siteDescription": "A modern starter template with Astro 6, Tina CMS, and Thai language support.", + "language": "th" +} diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro new file mode 100644 index 0000000..2e4aeed --- /dev/null +++ b/src/layouts/Layout.astro @@ -0,0 +1,71 @@ +--- +const { title, description } = Astro.props +--- + + + + + + + + {title || "Astro Tina Starter"} + + + +
+ +
+ + + diff --git a/src/pages/blog.astro b/src/pages/blog.astro new file mode 100644 index 0000000..6450635 --- /dev/null +++ b/src/pages/blog.astro @@ -0,0 +1,57 @@ +--- +import { getCollection } from 'astro:content' +import Layout from "../layouts/Layout.astro" +const posts = await getCollection('posts') +--- + + +
+

Blog Posts

+
+ {posts.map(post => ( + + ))} +
+
+ + + diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro new file mode 100644 index 0000000..e381d7b --- /dev/null +++ b/src/pages/posts/[slug].astro @@ -0,0 +1,62 @@ +--- +import { getCollection } from 'astro:content' +import Layout from "../../layouts/Layout.astro" + +export async function getStaticPaths() { + const posts = await getCollection('posts') + return posts.map(post => ({ + params: { slug: post.slug }, + props: { post }, + })) +} + +const { post } = Astro.props +const { Content } = await post.render() +--- + + +
+ ← Back to Blog +
+

{post.data.title}

+ +
+
+ + +