Xây dựng SaaS với Astro và StudioCMS

import { defineConfig } from 'astro/config'
import db from '@astrojs/db'
import node from '@astrojs/node'
import studioCMS from 'studiocms'

export default defineConfig({
  site: 'https://my-saas-app.com',
  output: 'server',
  adapter: node({ mode: 'standalone' }),
  integrations: [db(), studioCMS()],
})

import { defineCollection } from 'astro:content'
import { glob } from 'astro/loaders'
import { z } from 'astro/zod'

const posts = defineCollection({
  loader: glob({ pattern: '**/*.md', base: './src/content/posts' }),
  schema: z.object({
    title: z.string(),
    slug: z.string(),
    excerpt: z.string(),
    publishedAt: z.coerce.date(),
    tags: z.array(z.string()),
    category: z.string(),
  }),
})

export const collections = { posts }

---
interface Props {
  title: string
  description: string
  image?: string
}

const { title, description, image } = Astro.props
---

<title>{title}</title>
<meta name="description" content={description} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
{image && <meta property="og:image" content={image} />}

import rss from '@astrojs/rss'
import { getCollection } from 'astro:content'

export async function GET(context: { site: URL }) {
  const posts = await getCollection('posts')

  return rss({
    title: 'My SaaS Blog',
    description: 'Latest updates and tutorials',
    site: context.site,
    items: posts.map((post) => ({
      title: post.data.title,
      pubDate: post.data.publishedAt,
      description: post.data.excerpt,
      link: `/blog/${post.data.slug}/`,
    })),
  })
}

import Fuse from 'fuse.js'

interface PostData {
  title: string
  excerpt: string
  tags: string[]
  slug: string
}

export function createSearchIndex(posts: PostData[]) {
  return new Fuse(posts, {
    keys: ['title', 'excerpt', 'tags'],
    threshold: 0.3,
  })
}