Skip to content

Latest commit

 

History

History
138 lines (99 loc) · 6.19 KB

README-JP.md

File metadata and controls

138 lines (99 loc) · 6.19 KB
Raw

Stargazers MIT License Release


Logo

Nano Portfolio

💖 Nuxt3 エコシステムを使用したフルスタック開発による開発者個人プロフィールアプリケーション 💖

English · 简体中文 · 日本語

索引

プロジェクトの概要

この写真は iPad サイに基づいた about ページ, こちらへ このプロジェクトの写真をご覧ください。

Nano-portfolio は、GitHub Octokit API と Nuxt3 エコシステムを統合した開発者個人プロフィールウェブアプリケーションです。使用されているほとんどのディペンデンシーは公式にサポートされ、メンテナンスされています。これには Nuxt-UI、Nuxt-Mongoose、Pinia、i18n などが含まれています。すべてのモジュールは Nuxt と互換性があり、コードはすべてコンポジション API と ESM を使用してモジュールインポートされています。

(トップに戻る)

技術の選択

  • Nuxt3 with composition API
  • Pinia
  • Vite
  • TailwindCSS
  • Nuxt-UI
  • MongoDB with Mongoose
  • localize with i18n
  • Email connection with Resend
  • Typescript with ES6+ syntax
  • Dockerfile

(トップに戻る)

運行時要件

  • NodeJS LTS 20+

使い方

このリポジトリをクローンして使う

$ https://github.com/gaomingzhao666/nano-portfolio.git # プロジェクトをクローンしてください
$ cd nano-portfolio
$ pnpm install # プロジェクトに必要な依存関係をインストールしてください。
$ pnpm dev # 運行する

Docker を使う、コンテナに作りして使う

  1. このプロジェクトをクローンまたはダウンロードしてください。
  2. コンピュータに Docker Desktop がインストールされていることを確認してください。
  3. VScode に Docker extension をインストールしてください。
  4. Dockerfile を右クリックし、 ビルドイメージ オプションを選択してください。
  5. Docker Desktop を開いて、コンテナを起動してください。

このプロジェクトを使用してあなたのニーズに合わせる方法

粗筋

このプロジェクトは MIT オープンソースライセンスの下で公開されており、GitHub アカウントに基づいてリポジトリ情報と個人プロファイルを自動的にインポートすることができます。

ステップ

  • GitHub Personal Access Token を生成する。
  • server ディレクトリ内の utils フォルダにある githubInfo.ts ファイルに移動してください
  • 以前に生成したPersonal Access Tokenで既存のトークンを置き換えてください。これにより、バックエンド API が新しいトークンの下での GitHub アカウントを正しく認識することができます
  • About ページと Contact ページのコンポーネントデータを更新してください
  • これて終わった

CORS エラーに関して

SSR プロジェクトとしては, CORS　について心配する必要はありませんが, nuxt.config.ts ファイルで SSR モードを false に設定すなら こちら ブラウザ拡張機能をインストールして CORS エラーを解決できます。

(トップに戻る)

貢獻者

このプロジェクトは gaomingzhao666@Nano に開発しました。

(トップに戻る)

オープンソース契約

MIT License

(トップに戻る)