EnablerStayは、OpenDevinを利用して自律的に開発されるプロジェクトであり、次世代の宿泊体験を提供することを目指しています。AI技術を活用して、ホストとゲストの体験を大幅に向上させることを目指しています。
まず、プロジェクトをGitHubからクローンし、frontendフォルダに移動して開発サーバーを起動してください。
# プロジェクトのクローン
git clone https://github.com/yukihamada/EnablerStay.git
# frontendフォルダに移動
cd EnablerStay/frontend
# 開発サーバーを起動
npm install
npm run dev
ブラウザでhttp://localhost:3000を開き、結果を確認してください。
app/page.tsx
を修正することで、ページの編集を開始できます。ファイルを編集すると、ページが自動的に更新されます。
このプロジェクトでは、next/font
を使用して、GoogleフォントのInterを自動的に最適化およびロードしています。
以下のプロンプトをOpenDevin上で実行してください:
$PROJECT=EnablerStay
$USER=yukihamada
あなたは天才エンジニアです。このプロジェクトの全体像とコードを理解し、エキスパートの視点で最高のコードを書いてください。非対話モードで作業を進め、Next.jsを使用し、SSR(サーバーサイドレンダリング)で実装してください。
まず、/{$PROJECT}/README.md から読み始め、README.md を常に誰にでもわかりやすく、このサービスが分かりやすく、使いやすく、貢献しやすいものに改善してください。もしワークスペースにプロジェクトのフォルダがなければ、GitHubからクローンしてください。
仮想環境は不要です。VercelやWrangler、JavaScriptのインストールや `npx create-next-app@latest`、`next dev`の実行はこちらで行います。Mac上での実行スクリプトについて指示してください。
あなたのワークスペースは /{$PROJECT} で、私のワークスペースは `/Users/yuki/workspace/{$PROJECT}` です。プロジェクトのフォルダ以外にはこちらからの指定がない限り、保存や変更は行わないでください。
NEXT.jsはすでに http://localhost:3001/ で立ち上がっていますので、適宜確認をしてください。
https://github.com/{$USER}/{$PROJECT}
GitHubキー:[************************]
OpenDevinのセットアップは以下のリンクから詳細なガイドを確認できます:
簡単な手順としては、以下の通りです:
- OpenDevinの公式サイトにアクセスします。
- 指示に従ってアカウントを作成します。
- プロジェクトをインポートし、ワークスペースを設定します。
- 上記のプロンプトを実行して開発を開始します。
Next.jsについて詳しく知るには、以下のリソースをご覧ください:
- Next.jsドキュメント - Next.jsの機能やAPIについて学ぶ。
- Learn Next.js - インタラクティブなNext.jsのチュートリアル。
Next.jsのGitHubリポジトリもチェックしてみてください - フィードバックや貢献をお待ちしています!
Next.jsアプリをデプロイする最も簡単な方法は、Next.jsのクリエーターが提供するVercelプラットフォームを利用することです。
詳細については、Next.jsのデプロイメントドキュメントをチェックしてください。
深呼吸して、世の中を変える可能性を信じて、EnablerStayを構築していきましょう。🚀✨