Pure Liquid is a starter kit with Liquid for front-end projects. This starter kit focuses on building a static website and suits small to medium projects like a landing page and a corporate website.
- Built-in static site generator
- Breaking HTML smaller files with Liquid
- HTML Validation with HTML-validate
- Lint TypeScript files with ESLint
- Lint SCSS files with Stylelint
- Format code with prettier
- Compress images
- Creating SVG sprites
- Built-in test runner with Jest and Playwright
- Yarn
- 11ty
- Liquid
- TypeScript
- Rspack
- Sass
- PostCSS
- imagemin
- svg-sprite
- ESLint
- Stylelint
- HTML-vallidate
- Prettier
- Jest
- Playwright
Clone this repository and install dependencies
yarn installStart your project in development mode
yarn startStart your project in production mode
yarn serveBuild your project for development
yarn buildBuild your project for production
yarn releaseLint your project files
yarn lintFix your project files
yarn lint:fixOther support commands
Install missing TypeScript typings
yarn postInstallCheck the package's license
yarn checkLicenseRun unit testing.
yarn unityarn unit:watchRun UI testing.
yarn e2eyarn e2e:headed11ty generates HTML files from the Liquid template.
You can manage style sheets logically with Sass.
This starter kit supports TypeScript.
postInstall command will help you to install typings in this project.
Jest is built-in in this project. You can run Jest from the command line.
Playwright enables reliable end-to-end testing.
Add SVG files into the icons folder.
src/assets/icon/
Call the icon with ID.
<svg class="icon" role="img">
<use xlink:href="/assets/svg-sprite/svg-sprite.svg#sample"></use>
</svg>Configuration list
Pull requests are always welcome.
MIT