marcomessa/wn-vite-tailwind-theme

A starter blank theme powered by Vite and TailwindCSS

Maintainers

Details

github.com/marcomessa/wn-vite-tailwind-theme

Source

Issues

Installs: 301

Dependents: 0

Suggesters: 0

Security: 0

Stars: 6

Watchers: 3

Forks: 2

Open Issues: 0

Language:HTML

Type:winter-theme

1.0.4 2022-01-27 22:45 UTC

Requires

MIT 2906fd78d44de555891362f6d8e7c92277c2db74

  • Marco Messa

themestarterblanktailwindtailwindcssvitewinter

This package is auto-updated.

Last update: 2024-10-28 14:28:11 UTC

README

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.