Movieweb Kickstartプロジェクト
映画ストリーミングウェブサイトを構築するための立ち上げポイント。
特徴
- 閲覧映画:ジャンル、リリース日、または人気によってソートされた映画の膨大なコレクションを探索してください。
- 検索機能:タイトル、監督、またはキャストごとに映画を簡単に見つけます。
- ユーザーのレビュー:レビューを読んで書き、映画についてのあなたの考えや意見を共有してください。
- ユーザー評価:映画を評価し、コミュニティが提供する平均評価を確認します。
- 推奨エンジン:好みと視聴履歴に基づいて、パーソナライズされた映画の推奨事項を取得します。
- レスポンシブデザイン:レスポンシブWebデザインを使用して、デバイス全体でシームレスなエクスペリエンスをお楽しみください。
展開
Vercelで展開します
- 下のボタンをクリックして、Vercelでプロジェクトを展開します。
- 必要な環境変数を入力してください。
-
NEXT_PUBLIC_APP_URL
:展開されたプロジェクトのURL( https://movie-web-kickstart.vercel.app
) -
NEXT_PUBLIC_TMDB_TOKEN
:tmdb apiキー(ここで入手するか、デフォルトのtoken in .env.exampleファイルをテストに使用できます) -
NEXT_PUBLIC_SITE_NAME
:あなたのウェブサイトの名前(例えば、 MovieWeb Kickstart
)
- [展開]をクリックして、展開が完了するのを待ちます。
CloudFlareページで展開します
CloudFlareページに展開するには、次の手順を使用できます。
ローカル開発
- リポジトリのクローン:
git clone https://github.com/bitfreee/movie-web-kickstart
- Project Directory:
cd movie-web-kickstart
に移動します - 依存関係のインストール:
npm install
- .envファイル
cp .env.example .env
を作成します - 開発サーバーを開始:
npm run dev
技術スタック
- next.js - フレームワーク
- タイプスクリプト - 言語
- Tailwind - CSS
- Vercel - 展開
- TMDB-映画データベース
- VIDSRC.CC-ストリーミングリンク
貢献
貢献は大歓迎です!このプロジェクトに貢献したい場合は、次の手順に従ってください。
- リポジトリをフォークします。
- 新しいブランチを作成します(
git checkout -b feature/improvement
)。 - 変更を加えてください。
- 変更をコミットします(
git commit -am 'Add new feature'
)。 - ブランチへのプッシュ(
git push origin feature/improvement
)。 - 新しいプルリクエストを作成します。
ライセンス
このプロジェクトは、MITライセンスの下でライセンスされています。詳細については、ライセンスファイルを参照してください。
謝辞
- APIを介して映画データを提供するための映画データベース(TMDB)。
- ムービーストリーミングリンクを提供するためのVidsrc.cc。