Experimenting with vite typescript template rewrite for hot.opensauced.pizza

Overview

Open Sauced

๐Ÿ• Open Sauced Vite Typescript Template Test ๐Ÿ•

The path to your next Open Source contribution

GitHub code size in bytes GitHub commit activity GitHub issues GitHub Release Discord Twitter

๐Ÿ“– Prerequisites

In order to run the project we need the following software binaries installed on our development machines:

  • node>=16.7.0
  • npm>=8.0.0
  • docker>=20.10.12
  • supabase>=0.18.0

๐Ÿ–ฅ๏ธ Local development

To install the application:

npm ci

To start a local copy of the app on port 3000:

npm start

๐Ÿงช Test

For running the test suite, use the following command. Since the tests run in watch mode by default, some users may encounter errors about too many files being open. In this case, it may be beneficial to install watchman.

npm test

You can request a coverage report by running the following command:

npm run test:coverage

๐Ÿ“ฆ Docker builds

A development preview can also be run from docker:

docker build -t open-sauced-template .
docker run -p 8080:80 open-sauced-template

Alternatively you can pull the production container and skip all builds:

docker run -dit -p 8080:80 ghcr.io/open-sauced/open-sauced

๐ŸŽจ Code linting

To check the code and styles quality, use the following command:

npm run lint

This will also display during development, but not break on errors.

To fix the linting errors, use the following command:

npm run format

๐Ÿš€ Production deployment

A production deployment is a complete build of the project, including the build of the static assets.

npm run build

You can analyze the build by running the following command:

npm run build:analyze

๐ŸŽญ Offline asset optimization

We also have a script for updating .svg files used in the project, you only need to run this if you add new assets:

npm run build:svgo

And one for .png and .jpg files:

npm run build:squoosh

๐Ÿšง Development debugging

Thanks to antfu/vite-plugin-inpesct we can always inspect the bundles in development by navigating to localhost:3000/__inspect/ in your browser.

๐Ÿค Contributing

We encourage you to contribute to Open Sauced! Please check out the Contributing guide for guidelines about how to proceed.

๐Ÿ• Community

Got Questions? Join the conversation in our Discord.
Find Open Sauced videos and release overviews on our YouTube Channel.

๐ŸŽฆ Repository Visualization

Visualization of this repository

โš–๏ธ LICENSE

MIT ยฉ Open Sauced

You might also like...

Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue

Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue

WebXR-Vite-Babylon-Simple Minimal setup for WebXR development using: vite typescript vue 3 babylonjs 5 (ES6) Intentionally made minimal changes from t

Nov 13, 2022

Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS โšก๏ธ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite ๐Ÿ“ฆ GUI controls using Tweakpane ๐ŸŽ› Typescript ๐Ÿฆพ

Jan 4, 2023

Admin UI Template is a modern, responsive, and customizable admin UI template for your business.

Admin UI Template is a modern, responsive, and customizable admin UI template for your business.

Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.

Dec 18, 2022

A Marko plugin for Vite

A Marko plugin for Vite

@marko/vite A Marko plugin for Vite. Installation npm install @marko/vite Example config import { defineConfig } from "vite"; import marko from "@mark

Nov 26, 2022

๐ŸŽ‰ ๅŸบไบŽ vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus ็š„ๅŽๅฐ็ฎก็†็ณป็ปŸvue3-element-admin

vue3-element-admin ๐ŸŽ‰ ๅŸบไบŽ Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus ็š„ๅŽๅฐ็ฎก็†็ณป็ปŸ ็ฎ€ไป‹ vue3-element-admin ๆ˜ฏไธ€ไธชๅŽๅฐๅ‰็ซฏ่งฃๅ†ณๆ–นๆกˆ๏ผŒๅฎƒๅŸบไบŽ vue3 ๅ’Œ element-plu

Nov 28, 2022

Integrate Tauri in a Vite project to build cross-platform apps.

vite-plugin-tauri Integrate Tauri in a Vite project to build cross-platform apps Install Make sure to setup your environment for Tauri development. Th

Dec 15, 2022

Fastify boilerplate with Vite & Vitest

Fastify boilerplate with Vite & Vitest Enhance your Fastify DX with the power of Vite & Vitest. Features โšก All the power of Vite (Next Generation Fron

Dec 13, 2022

Some compile-time magic for your Vite project

๐Ÿ’› You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

vite+vue3.2+setup+elementPlus+eslint+js+stylelint

ๅ‰ๆœŸๅ‡†ๅค‡ๅทฅไฝœ๏ผŒnpmๅŒ…ๅ’Œvscode้…็ฝฎ ๏ผ๏ผ๏ผๅพˆ้‡่ฆ๏ผŒๅ…ณไนŽๆ•ดไธชVue3ๅผ€ๅ‘้˜ถๆฎต็š„ไปฃ็ ๆ็คบ Volarไฝฟ็”จ ไฝฟ็”จVue3ๅผ€ๅ‘้œ€่ฆ็ฆ็”จvscodeๆ’ไปถVetur ็„ถๅŽๅฎ‰่ฃ… Volar(Vue Language Features)๏ผŒ่ฟ™ๆ ทVue3ไปฃ็ ๆ็คบๅณไฝฟๆ˜ฏไฝฟ็”จjsๅผ€ๅ‘ไนŸ้žๅธธๅ‹ๅฅฝ ๅฆ‚ๆžœvolarๆฒกๆœ‰ไปปไฝ•

Feb 8, 2022
Releases(v3.3.2)
Owner
TED Vortex (Teodor-Eugen Duศ›ulescu)
Ideaesthesic Software Engineer
TED Vortex (Teodor-Eugen Duศ›ulescu)
Get Vite's `import.meta.hot` at runtime

vite-hot-client Get Vite's import.meta.hot at runtime. You don't normally need this library directly. It's designed for embedded UI on top of Vite for

Anthony Fu 29 May 3, 2022
Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse

Vite Vue SSR Starter Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse Features โšก๏ธ Vue 3, Vite 2, TypeScript ?? Domain-Driv

Oleg Koval 10 Aug 2, 2022
Vite-plugin-web-extension - A vite plugin for generating cross browser platform, ES module based web extensions.

vite-plugin-web-extension A vite plugin for generating cross browser platform, ES module based web extensions. Features Manifest V2 & V3 Support Compl

Ruben Medina 81 Dec 31, 2022
Vite template with TypeScript, Chakra UI, Eslint Airbnb, Prettier

Vite + Typescript + ChakraUI = โค๏ธ This is a vite template that combines several technologies: Vite React TypeScript ChakraUI Eslint with eslint-config

Lorenzo Rapetti 3 Mar 26, 2022
vue3 + vite + typescript template

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setu

BrowLi 6 Aug 1, 2022
Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib

Alan Morel 10 Oct 7, 2022
A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Marc Duiker 6 Jun 25, 2022
โณ vue3 + electron + ts + vite = mini template

v3-electron ?? Electron16 + Vue3 + Vite2 ่ฟ่กŒ้กน็›ฎ # enter the project directory cd v3-electron # install dependency yarn # develop yarn dev # build exe

UNPany 8 Nov 11, 2022
๐Ÿฆ‡ Opinionated Vite Starter Template

because our first commits never have parents I bet your parents taught you that you mean something, that you're here for a reason. My parents taught m

gamachexx 62 Dec 22, 2022
Using Cypress with Vite, React, TypeScript, MSW and react-query

Vie + Cypress + MSW + react-query Demo Example of using Cypress with Vite, MSW and react-query. Uses the appReady pattern to signal to Cypress when th

Rob Caldecott 9 Jul 16, 2022