NextBlogApp

Next.jsのApp Routerを使用したブログアプリです。

使用した技術・ツール

• 開発環境: Docker, docker compose

• バックエンド: Ruby on Rails7.1.3.2

  https://github.com/KensukeOta/API-for-NextBlogApp

• フロントエンド: Next.js14.2.3

• CSSフレームワーク: Tailwind CSS3.4.3

• フォームバリデーションライブラリ: Zod3.23.8

• 認証ライブラリ: Auth.js(next-auth5.0.0-beta.18)

• マークダウンライブラリ: react-markdown9.0.1, remark-gfm4.0.0, github-markdown-css5.6.1

• タグライブラリ: react-tag-input6.10.3

• アイコンライブラリ: Bootstrap Icons1.11.3, @heroicons/react2.1.4

• 単体テスト・統合テスト: Jest29.7.0, @testing-library/react16.0.0

• E2Eテスト: Playwright1.46.1

• その他ライブラリ: clsx2.1.1

• コンポーネント設計: Atomic Design

• バージョン管理ツール: Git / GitHub

• タスク管理: GitHub Issues

• その他言語: React18.3.1, TypeScript5.4.5, HTML/CSS

機能

• ログイン機能
• ユーザー登録機能
• Googleログイン機能
• GitHubログイン機能
• 記事投稿機能
• 記事一覧表示機能
• 記事詳細表示機能
• 記事更新機能
• 記事削除機能
• マークダウン機能
• 記事検索機能
• ページネーション機能
• いいね機能
• タグ機能
• フォロー機能
• タイムライン機能