Conduit プロジェクト - Next.js 14 実装

Conduit は、RealWorld プロジェクトの一環として、Medium.com のクローンサイトを作成するためのブログプラットフォームです。このプロジェクトは、実際の世界と同じ機能を持つプラットフォームを作ることで、学習したいフレームワークの技術を習得することを目的としています。

ステップ 1: HTML と CSS の実装 (完了)

以下のページの HTML と CSS を実装し、ページを作成してください。この段階では機能は実装せず、見た目のみを整えます。

• Home
• Create/Edit Article
• Article

ステップ 2: 機能の実装 (完了)

• Home: http://localhost:3000/

• Create Article: http://localhost:3000/article/create-edit

• Edit Article: http://localhost:3000/article/create-edit?slug=1&edit=true

• Article (認証機能や著者、お気に入り機能は実装不要): http://localhost:3000/article/1

工夫した点

• 作成ページと編集ページの統合:

  • 目的: 作成ページと編集ページを一つに統合し、コードの保守性と再利用性を向上させました。

• typesフォルダを作成した型定義:

  • 目的: コードの可読性と保守性を向上させるために、型定義を分離して管理しました。

• コンポーネントの再利用:

  • 目的: 共通のコンポーネントを作成し、コードの重複を減らし、保守性を向上させました。

Setup

Environment

docker-compose up -d

Next.js

http://localhost:3000/

Container Shell

docker-compose exec client bash