https://github.com/jefrydco/nuxt-typescript-pwa-tailwindcss-composition-api
Nuxt Typescript PWA Tailwind CSS Composition API Starter
https://github.com/jefrydco/nuxt-typescript-pwa-tailwindcss-composition-api
composition-api nuxt nuxtjs nuxtjs-template pwa pwa-boilerplate tailwindcss typescript vuejs
Last synced: 9 months ago
JSON representation
Nuxt Typescript PWA Tailwind CSS Composition API Starter
- Host: GitHub
- URL: https://github.com/jefrydco/nuxt-typescript-pwa-tailwindcss-composition-api
- Owner: jefrydco
- License: mit
- Created: 2020-08-17T10:39:39.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-11T11:47:16.000Z (about 5 years ago)
- Last Synced: 2025-04-19T05:09:41.060Z (11 months ago)
- Topics: composition-api, nuxt, nuxtjs, nuxtjs-template, pwa, pwa-boilerplate, tailwindcss, typescript, vuejs
- Language: TypeScript
- Homepage: https://nuxt-typescript-pwa-tailwindcss-composition-api.netlify.app
- Size: 1.54 MB
- Stars: 27
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: readme-id.md
- License: license.md
Awesome Lists containing this project
README
# Nuxt Typescript PWA TailwindCSS Composition API
[](https://app.netlify.com/sites/nuxt-typescript-pwa-tailwindcss-composition-api/deploys)
[](https://circleci.com/gh/jefrydco/nuxt-typescript-pwa-tailwindcss-composition-api)
[](https://dev.azure.com/jefrydco/jefrydco/_build/latest?definitionId=5&branchName=master)
[](https://codecov.io/gh/jefrydco/nuxt-typescript-pwa-tailwindcss-composition-api)
> Proyek awalan untuk Nuxt.js + Typescript + PWA + TailwindCSS + Composition API
**⚠️ Perlu diketahui bahwa proyek awalan ini berisi fitur eksperimental _Composition API_ yang mungkin tidak stabil atau berubah di kemudian hari**
## Bahasa
Baca deskripsi ini di bahasa lain:
- [English](./readme.md)
## Fitur
Proyek awalan ini menyertakan beberapa modul resmi Nuxt.js berikut:
- [Http](https://github.com/nuxt/http)
- [Google Analytics](https://github.com/nuxt-community/analytics-module)
- [PWA](https://github.com/nuxt-community/pwa-module)
- [Sentry](https://github.com/nuxt-community/sentry-module)
- [Nuxt TailwindCSS](https://tailwindcss.nuxtjs.org/)
- [Color Mode](https://github.com/nuxt-community/color-mode-module)
- [Nuxt Composition API](https://composition-api.nuxtjs.org/)
juga diperkaya dengan kerangka kerja antarmuka Vue terbaik berikut:
- [Tailwind CSS](https://tailwindcss.com/)
- [VeeValidate](https://logaretm.github.io/vee-validate)
dan untuk pengalaman pengembang terbaik, juga menyertakan:
- [Nuxt Typed Vuex](https://nuxt-typed-vuex.roe.dev/)
## Persiapan
```bash
# memasang dependensi
$ yarn # Atau npm install
# menjalankan dengan _hot reload_ di localhost:3000
$ yarn dev
# _build_ untuk produksi dan meluncurkan peladen
$ yarn build
$ yarn start
# _generate_ untuk proyek statis
$ yarn generate
# Menjalankan tes unit
$ yarn test
# Menjalankan tes E2E
$ yarn dev
$ yarn test:e2e
```
## Sentry dan _Google Analytics_
Untuk mengaktifkan Sentry dan _Google Analytics_:
1. Ganti nama `.env.example` menjadi `.env`
2. Ubah konfigurasi DSN Sentry dan identitas pelacak _Google Analytics_ pada berkas `.env`
3. Hapus komentar pada kode konfigurasi pada berkas `nuxt.config.ts`
## Informasi Lebih Lanjut
Untuk informasi lebih lanjut, silahkan cek dokumentasi resmi [Nuxt.js](https://id.nuxtjs.org/) dan [Tailwind CSS](https://tailwindcss.com/).
## Lisensi
[Lisensi MIT](./license.md)
Hak Cipta (c) Jefry Dewangga ([@jefrydco](https://jefrydco.id))