8000 next-amp-tailwind-purgecss/README.md at master · mizchi/next-amp-tailwind-purgecss · GitHub
Skip to content

README.md

Latest commit

 

History

History
34 lines (22 loc) · 575 Bytes

README.md

File metadata and controls

34 lines (22 loc) · 575 Bytes
Raw

next + amp + tailwind + purgecss example

How to develop

# development
yarn dev # localhost:3000

# build
yarn build # gen out/

How it works.

  • Build style/bundle.css by postcss-cli
    • See postcss.config.js
    • purgecss watches pages/* and components/*
  • pages/_document.tsx includes it as raw.

Why

  • Next.js amp mode is great.
  • AMP custom style has css size limit.
  • Tailwind is big.

So I need to purge unused css.

Reference

https://dev.to/geekplux/how-to-use-tailwindcss-with-amp-in-a-next-js-project-1f97

LICENSE

MIT