Unsplash のウェブサイトを模倣したフルプラットフォームのギャラリーアプリを開発し、すべての API 呼び出しは公式の Unsplash API に行われています。
- ⚡️ Vue 3
- ⚡️ Vite
- ⚡️ UI Framework Vuetify 3
- ⚡️ TypeScript
- 📦 コンポーネント 自動的にインポート
- 🍍 Piniaで State 管理
- 🍍 pinia-plugin-persist State の永続性
- ⚡️ 新しい
<script setup>文法の使用 - ⚡️ 任意のアイコンセット Iconify
- ⚡️ Netlify でのゼロ設定部署
- ⚡️ 18n 多言語切り替え
- ⚡️ dark light モード切り替え
- ⚡️ 主題色切り替え
- ⚡️ vue3-perfect-scrollbar スクロールバーの美化
- ☁️ レスポンシブで多プラットフォームに適応
git clone https://github.com/yangjiakai/vuetify3-unsplash.git
cd vuetify3-unsplash
npm install
npm run dev
API リクエストに関して、私の示例では Unsplash の API を使用しました。
自分自身の
ACCESS_KEYを申請するために、Unsplash 開発者プラットフォームに行く必要があります。https://unsplash.com/oauth/applications
次に、ローカルに新しい
.env.localファイルを作成します
VITE_UNSPLASH_ACCESS_KEY = 自分のAccess Keyを追加します。