Next.js Creative Portfolio Website

next.jsクリエイティブポートフォリオチュートリアル：next.js、three.js、およびtailwind cssで素晴らしいポートフォリオWebサイトを構築する

このリポジトリには、next.jsのクリエイティブポートフォリオWebサイトの最終コードが含まれていますnext.jsと3.jsを使用して構築されています。

次のリンクをチェックアウトするために？：
NextJSクリエイティブポートフォリオWebサイトデモ

スターターコードファイル？：
➡リンク：NextJS Creative Portfolio Webサイトスターターコード

作成方法を学びたい場合は、以下のチュートリアルをフォローしてください。：
➡チュートリアルリンク：next.js、three.js、tailwind cssチュートリアルを備えた個人ポートフォリオWebサイト

私の個人的なウェブサイトDevDreamingをチェックアウトしてください

---

このレポを主演させることを忘れないでください

---

ポートフォリオのウェブサイトの画像：

家

について

プロジェクト

接触

モバイルバージョン

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

3Dモデル

• 「ティム・マッキー - ボーイ・ウィザード」によるElbertWithaneは、Creative Commonsの帰属の下で認可されています。
• Enkarraによる「様式化されたウィザードハット」は、Creative Commonsの帰属の下でライセンスされています。
• Toymancer Studioの「Wizard Staff」は、Creative Commonsの帰属の下でライセンスされています。

AI画像

• 遊び場AIの助けを借りて作成されました

GitHubの統計と詳細

• github readme統計
• スキルアイコン
• Github Readmeストリーク統計

開発リソース

• Googleフォントからのフォント
  
• Lucideアイコンのアイコン
  
• ソナーからの通知
  
• React-Hook-formを使用して作成されたフォーム
  
• フレーマーモーションを使用したアニメーション
  
• 電子メールを使用した電子メール
  
• GLTF JSXを使用して、3DモデルをJSXに変換します

オーディオ

• Shidenの音楽は、Pixabayの音楽を破ります

---

これはcreate-next-appでBootstrappedのnext.jsプロジェクトです。

はじめる

まず、依存関係をインストールし、開発サーバーを実行します。

npm run install # to install all dependencies

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

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。