https://github.com/czbone/astro-calendar-ex
Event calendar system with database based on Astro
https://github.com/czbone/astro-calendar-ex
astro flowbite fullcalendar mariadb nodejs prisma react redis session swr tailwindcss typescript
Last synced: 21 days ago
JSON representation
Event calendar system with database based on Astro
- Host: GitHub
- URL: https://github.com/czbone/astro-calendar-ex
- Owner: czbone
- License: mit
- Created: 2024-11-12T03:46:07.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-12-23T08:26:46.000Z (10 months ago)
- Last Synced: 2024-12-23T09:28:45.270Z (10 months ago)
- Topics: astro, flowbite, fullcalendar, mariadb, nodejs, prisma, react, redis, session, swr, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 62.5 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Astroベースのイベントカレンダーシステム
Astroフレームワークベースのカレンダーシステムです。
ユーザログイン機能を持ち、カレンダーに表示するイベントを管理することができます。
主な仕様は以下です。
- AstroフレームワークベースのSSRシステム
- ユーザ情報、イベント情報をMariaDBで管理。DBはPrismaで接続。
- セッション情報をRedisで管理
- TypeScript言語
- バックエンドはNode.jsベース
- フロントエンドは、Tailwind, Flowbite, Reactコンポーネントで構成
## 環境
必要な環境は以下です。
- Node v20.0以上
- MariaDB v10.0以上
- Redis v7.0以上
## インストール
必要なモジュールをインストールします。**Prismaクライアント**をインストールします。
```
pnpm install
npx prisma generate
```
## 接続情報の設定
MariaDBのRedesの接続情報を設定します。
`.env`ファイルの`DATABASE_URL`と`SESSION_REDIS_URL`に接続可能な値を設定します。
```
DATABASE_URL=mysql://testuser:testuser@localhost:3306/calendar-db
SESSION_REDIS_URL=redis://localhost:6379/
```
## DB構築
Prismaの初期化とDBの作成を行います。
```
npx prisma migrate dev --name init
```
## 起動
デバッグ起動の方法です。
VSCodeの**実行とデバッグ**の機能で、**デバッグの開始**から**Development server**を起動します。
Webブラウザで以下のURLにアクセスします。
```
http://localhost:3000
```
ページ右上の**ユーザ**アイコンのリンクからログインを行います。
アカウント`admin@example.com`とパスワード`password`で管理者アカウントでログインできます。
## ビルドからの起動
ビルドモジュールを作成し、単体起動するには以下を行います。
```
pnpm build
pnpm start
```
## ライセンス
MITライセンスに準じます。
[MIT](./LICENSE)