Go to file
philipp lang d5395f05a9
continuous-integration/drone/push Build is passing Details
Remove sidebar
2024-11-22 01:56:27 +01:00
content/static-pages Update layout 2024-10-09 19:36:44 +02:00
layouts Update layout 2024-10-09 19:36:44 +02:00
meta Update layout 2024-10-09 19:36:44 +02:00
pages Remove sidebar 2024-11-22 01:56:27 +01:00
partials Update layout 2024-10-09 19:36:44 +02:00
resources Update layout 2024-10-09 19:36:44 +02:00
.drone.yml Add drone 2024-10-09 20:17:09 +02:00
.gitignore Update layout 2024-10-09 19:36:44 +02:00
.prettierrc Initial commit 2024-10-09 16:36:58 +02:00
LICENSE Initial commit 2024-10-09 16:36:58 +02:00
README.md Initial commit 2024-10-09 16:36:58 +02:00
composer.json Initial commit 2024-10-09 16:36:58 +02:00
package-lock.json Update packages 2024-10-09 20:14:24 +02:00
package.json Update packages 2024-10-09 20:14:24 +02:00
postcss.config.js Initial commit 2024-10-09 16:36:58 +02:00
tailwind.config.js Update layout 2024-10-09 19:36:44 +02:00
theme.yaml Initial commit 2024-10-09 16:36:58 +02:00
vite-theme.jpg Initial commit 2024-10-09 16:36:58 +02:00
vite.config.js Initial commit 2024-10-09 16:36:58 +02:00

README.md

Vite + TailwindCSS WinterCMS starter theme

alt text

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

  1. require the theme: composer require marcomessa/wn-vite-tailwind-theme
  2. require the plugin: composer require marcomessa/wn-vite-plugin
  3. be sure plugin is installed: php artisan plugin:refresh Marcomessa.Vite
  4. navigate to theme's folder: cd <project-root>/themes/vite-tailwind
  5. install dependencies: npm install or yarn install

Npm scripts

  • development: npm run dev
  • production: npm run production

License

The MIT License (MIT). Please see License File for more information.