sghgh1996 / tv-show

Try it now!

Vitesse requires Node >=14

Clone to local

npm install

Usage

Development

Just run and visit http://localhost:3333

npm run dev

Build

To build the App, run

npm run build

And you will see the generated file in dist that ready to be served.

Features

• ⚡️ Vue 3, Vite 2, ESBuild - born with fastness

• 🍍 State Management via Pinia

• 🔷 Tailwind

• 🦾 TypeScript

• 📑 Layout system

• 🗂 File based routing

• 🌍 I18n ready

• 📦 Components auto importing

• 🖨 Static-site generation (SSG) via vite-ssg

• ⚙️ Unit Testing with Vitest

Structure

• All routes are generated in the pages folder. To read more about it, check Vite Plugin Pages

• In the components folder we have all our vue components.

• We have some modules in the modules folder. Modules are installed automatically in the main.ts file

• In the main.ts we start the vite using vite-ssg and we initialize routes using plugins. All changes related to vite configs should be done in this file or vite.config.ts file.

• We use tailwindcss and you can modify config file or tailwind.scss file inside styles folder.

• Pinia stores are placed under stores directory.

• All of our custom composables are placed in composables folder. Inside api folder there are all of the requests. For any api call we create a composable for it and then use it whereever we need. The main job of api composables is to call api using the custom useFetch (with baseUrl) and update the store.

• Inside the assets, we can keep our file to be served. Like images, fonts, ...