https://github.com/yangjiakai/vuetify3-unsplash
Client For Unsplash created by vuetify3
https://github.com/yangjiakai/vuetify3-unsplash
scss vue3 vue3-typescript vuetify3
Last synced: 8 months ago
JSON representation
Client For Unsplash created by vuetify3
- Host: GitHub
- URL: https://github.com/yangjiakai/vuetify3-unsplash
- Owner: yangjiakai
- Created: 2023-02-18T10:24:15.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-09T22:25:24.000Z (almost 3 years ago)
- Last Synced: 2025-10-11T05:05:48.070Z (8 months ago)
- Topics: scss, vue3, vue3-typescript, vuetify3
- Language: Vue
- Homepage: https://unsplash.vuetify3.com/
- Size: 6.5 MB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.jp.md
Awesome Lists containing this project
README
ライブ・デモ
## 序文
Unsplash のウェブサイトを模倣したフルプラットフォームのギャラリーアプリを開発し、すべての API 呼び出しは公式の Unsplash API に行われています。
## Preview
## 特徴
- ⚡️ [Vue 3](https://github.com/vuejs/core)
- ⚡️ [Vite](https://github.com/vitejs/vite)
- ⚡️ UI Framework [Vuetify 3](https://next.vuetifyjs.com/en/)
- ⚡️ TypeScript
- 📦 コンポーネント 自動的にインポート
- 🍍 [Pinia](https://pinia.vuejs.org/)で State 管理
- 🍍 pinia-plugin-persist State の永続性
- ⚡️ 新しい `` 文法の使用
- ⚡️ 任意のアイコンセット [Iconify](https://icon-sets.iconify.design/)
- ⚡️ Netlify でのゼロ設定部署
- ⚡️ 18n 多言語切り替え
- ⚡️ dark light モード切り替え
- ⚡️ 主題色切り替え
- ⚡️ vue3-perfect-scrollbar スクロールバーの美化
- ☁️ レスポンシブで多プラットフォームに適応
<br>
## 今すぐ試す!
```
git clone https://github.com/yangjiakai/vuetify3-unsplash.git
cd vuetify3-unsplash
npm install
npm run dev
```
## api 请求
> API リクエストに関して、私の示例では Unsplash の API を使用しました。
>
> 自分自身の`ACCESS_KEY`を申請するために、Unsplash 開発者プラットフォームに行く必要があります。
>
> https://unsplash.com/oauth/applications
>
> 次に、ローカルに新しい`.env.local` ファイルを作成します
>
> `VITE_UNSPLASH_ACCESS_KEY = 自分のAccess Key`を追加します。