Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zakandaiev/vite-frontend-starter
Vite FrontEnd Starter is a boilerplate kit for easy building modern static web-sites using Vite builder
https://github.com/zakandaiev/vite-frontend-starter
autoprefixer babel boilerplate css css-grid es6 favicon frontend htaccess html javascript js kit robots sass scss sitemap starter vite vituum
Last synced: 2 days ago
JSON representation
Vite FrontEnd Starter is a boilerplate kit for easy building modern static web-sites using Vite builder
- Host: GitHub
- URL: https://github.com/zakandaiev/vite-frontend-starter
- Owner: zakandaiev
- License: mit
- Created: 2024-01-31T20:13:39.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-04T23:01:01.000Z (25 days ago)
- Last Synced: 2025-01-05T00:17:09.622Z (25 days ago)
- Topics: autoprefixer, babel, boilerplate, css, css-grid, es6, favicon, frontend, htaccess, html, javascript, js, kit, robots, sass, scss, sitemap, starter, vite, vituum
- Language: SCSS
- Homepage: https://zakandaiev.github.io/vite-frontend-starter/
- Size: 2.66 MB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vite-frontend-starter
Vite FrontEnd Starter is a boilerplate kit for easy building modern static web-sites using Vite builder
## Homepage
[https://zakandaiev.github.io/vite-frontend-starter](https://zakandaiev.github.io/vite-frontend-starter)
## Features
* Modern Vite environment for development
* Twig template engine
* Well thought-out and convenient project structure
* HTML5 and CSS3 ready
* SEO friendly
* SASS/SCSS preprocessor
* Autoprefixer
* Live-server with hot-reload
* HTML, CSS, JS, images auto minifier
* Ready-to-use Javascript utils, HTML styled components, CSS helpers, SASS utils etc.
* reseter.css
* .htaccess, robots.txt, sitemap.xml, favicon
* 404 page
* And many more...
## How to use
### Install
``` bash
# Clone the repository
git clone https://github.com/zakandaiev/vite-frontend-starter.git
# Go to the folder
cd vite-frontend-starter
# Install
npm i
# or
npm install
# Remove link to the original repository
# - if you use Windows system
Remove-Item .git -Recurse -Force
# - or if you use Unix system
rm -rf .git
```
### Develop
``` bash
# Start development mode with live-server
npm run dev
# or with options
npm run dev --port=3000
```
### Build
``` bash
# Build static files for production
npm run build
# or
npm run prod
# or with options
npm run build --base=/subdomain --outDir=./dest
# Start server for build preview
npm run preview
# or with options
npm run dev --port=3001
```
### Lint
``` bash
# ESLint
npm run lint:js
# or
npm run lint:js:fix
# StyleLint
npm run lint:css
# or
npm run lint:css:fix
```
### Backend emulation
``` bash
# Fastify listen backend.js
npm run backend
```