Open4
[Astro] カレンダー機能
Astroにカレンダー機能を追加する。
FullCalenderのReactパッケージが使える。
サンプルを作成した。
サンプルはSSRで作ったが、SSGでも使える。
astro.config.mjs
import { defineConfig } from 'astro/config'
import react from '@astrojs/react'
import tailwind from '@astrojs/tailwind'
import node from '@astrojs/node'
export default defineConfig({
integrations: [
react(),
tailwind({
// デフォルトのベーススタイルを無効にする
applyBaseStyles: false
})
],
// 以下4行をコメントにするとSSG
// output: 'server',
// adapter: node({
// mode: 'standalone'
// }),
server: { port: 3000, host: true /* ホスティング時必須 */ }
})
pnpm build
でビルドすると、pnpm preview
で動作の確認ができる。
czbone/astro-calendar
を発展させ、イベントカレンダーシステムを作る。