How to use tailwindcss with AMP in a Next.js project
Recently, I was refactoring my blog using Next.js by a whim. There are 3 tech stacks I would use:
- Next.js , a popular React framework with SSG, SSR support naturally
- Tailwindcss , a low-level CSS framework with the utility-first concept.
- AMP , an HTML framework developed by Google to make your website fast and loading smoothly.
However, There are so many restrictions in AMP for performance issues. At the beginning of the project, I found this issue, which means you can NOT add a global CSS as Next.js documented. So this article may be a guide for how to use tailwindcss with AMP in a Next.js project.
