Live Demo

English | 简体中文| 日本語

Introduction

Developing a full-platform gallery app that imitates the Unsplash website, all API calls are made to the official Unsplash API.

Preview

Features

• ⚡️ Vue 3
• ⚡️ Vite
• ⚡️ UI Framework Vuetify 3
• ⚡️ TypeScript
• 📦 Component Auto Importing
• 🍍 Pinia
• 🍍 pinia-plugin-persist for state persisting
• ⚡️ <script setup>
• ⚡️ Use icons from any icon sets in Iconify
• ☁️ Deploy on Netlify, zero-config
• ☁️ Responsive multi-platform adaptive
• ⚡️ Internationalization (i18n)
• ⚡️ Dark Light mode
• ⚡️ Themecolor change
• ⚡️ Vue3-perfect-scrollbar
  

Try it now!

https://github.com/yangjiakai/vuetify3-unsplash.git

cd vuetify3-unsplash

npm install

npm run dev

Api requests

regarding API requests, my example uses the unsplash API.

You need to go to the unsplash developer platform and apply for your own ACCESS_KEY.

https://unsplash.com/oauth/applications

Then, create a new .env.local file locally.

Add VITE_UNSPLASH_ACCESS_KEY = your own Access Key