https://github.com/officialrajdeepsingh/windicsswithnextjs
Use the windicss with nextjs
https://github.com/officialrajdeepsingh/windicsswithnextjs
nextjs npm pnpm windi-css windicss
Last synced: 6 months ago
JSON representation
Use the windicss with nextjs
- Host: GitHub
- URL: https://github.com/officialrajdeepsingh/windicsswithnextjs
- Owner: officialrajdeepsingh
- Created: 2022-11-17T09:34:04.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-18T13:50:01.000Z (almost 3 years ago)
- Last Synced: 2025-02-13T02:18:07.109Z (8 months ago)
- Topics: nextjs, npm, pnpm, windi-css, windicss
- Language: JavaScript
- Homepage: https://ltlz28.sse.codesandbox.io/
- Size: 58.6 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
In this demo, I used WindiCSS with Next.js. Windicss is based on typescript and similar to tailwind CSS. If you used tailwindmcss then windicss is almost the same and you can easily shift.
All the HTML Template used from https://tailblocks.cc/
## How to use it?
Firstly Download the github repositery with git clone `git clone https://github.com/officialrajdeepsingh/windicsswithnextjs.git` method. then run `npm install or pnpm install` command.
To start the local develpment server run the `pnpm dev or yarn dev` command in terminal. the `windi.config.js` file help add or remove configuration for windi css. In the `_app.js` file i added the css file with `import 'windi.css'` method similare to tailwind css.