95ba74f0ea
|
||
|---|---|---|
| content/static-pages | ||
| layouts | ||
| meta | ||
| pages | ||
| partials | ||
| resources | ||
| .drone.yml | ||
| .gitignore | ||
| .prettierrc | ||
| LICENSE | ||
| README.md | ||
| composer.json | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| theme.yaml | ||
| vite-theme.jpg | ||
| vite.config.js | ||
README.md
Vite + TailwindCSS WinterCMS starter theme
Vite + TailwindCSS is a blank starter theme for WinterCMS powered by Vite and TailwindCSS. It includes a simple folder structure, postcss files already divided according to TailwindCSS directives and two npm scripts for development and production.
Features
- use Vite for your frontend's assets
- TailwindCSS 3 ready
- crazy fast with a tiny node_modules folder
- browser autoreload with hot module replacement
- PostCSS ready with the following plugins:
- postcss-import
- tailwindcss-nesting
- autoprefixer
Requirements
In order to work, the theme needs its sister plugin Vite: the theme layout file already includes the reference to the necessary components, and will not work without first installing it
Installation
- require the theme:
composer require marcomessa/wn-vite-tailwind-theme - require the plugin:
composer require marcomessa/wn-vite-plugin - be sure plugin is installed:
php artisan plugin:refresh Marcomessa.Vite - navigate to theme's folder:
cd <project-root>/themes/vite-tailwind - install dependencies:
npm installoryarn install
Npm scripts
- development:
npm run dev - production:
npm run production
License
The MIT License (MIT). Please see License File for more information.