bio generator

Aiソーシャルメディアバイオジェネレーター

デモサイト

• このプロジェクトのライブデモをチェックしてください: デモサイト

ビデオデモ

ビデオデモをチェックして、アプリの動作を確認し、その仕組みを学びましょう。

このプロジェクトで使用されるリソース

開発リソース

• Vercel Fontsのフォント
  
• Iconify Design のアイコン
  
• Groq の LLM
  
• Shadcn UI と Magic UI を使用した UI コンポーネント
  
• Vercel AI SDKを使用したAI統合
  

これは、create-next-app でブートストラップされた Next.js プロジェクトです。

はじめる

このプロジェクトを開始するには、次の 2 つのオプションがあります。

1. リポジトリのクローンを作成する

• 次のリンクを使用して、リポジトリのクローンをローカル マシンに作成します。

   git clone https://github.com/Jomonh/Todo-App.git
  

• クローンを作成したら、プロジェクト ディレクトリに移動します。

   cd Todo-App
  

2. リポジトリをフォークする

• 必要に応じて、このリポジトリを直接フォークすることもできます。

• このページの右上にある「フォーク」ボタンをクリックします。

• フォークした後、アカウントからリポジトリのクローンを作成します。

   git clone https://github.com/your-username/your-forked-repository.git
  

注記：

プロジェクトのルートに .env.local ファイルを作成し、ここにある独自の API キーを追加します。

次に、開発サーバーを実行します。

 npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

ブラウザで http://localhost:3000 を開いて結果を確認します。

app/page.tsx.ファイルを編集すると、ページが自動更新されます。

このプロジェクトでは、next/font を使用して、カスタム Google フォントである Inter を自動的に最適化し、読み込みます。

もっと詳しく知る

Next.js について詳しくは、次のリソースをご覧ください。

• Next.js ドキュメント - Next.js の機能と API について学びます。
• Next.js を学ぶ - インタラクティブな Next.js チュートリアル。

Next.js GitHub リポジトリをチェックしてください。フィードバックや貢献は大歓迎です。

Vercel にデプロイする

Next.js アプリをデプロイする最も簡単な方法は、Next.js の作成者が提供する Vercel Platform を使用することです。

詳細については、Next.js 導入ドキュメントをご覧ください。

?スターを付けることを忘れないでください!

• このプロジェクトが役立つと思われる場合は、スターを付けることを検討してください。他の人もそれを発見するのに役立ちます。

ライセンス

• このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。