andrejjurkin / create-tw

CLI to scaffold tailwindcss-ready projects

Hi 👋 My name is Andrej

Freelance React & JavaScript Developer

• 🌍  I'm based in Prague
• ✌️  I've built the best ChatGPT app for macOS getbeam.ai which provides a one-click access to GPT-4 anytime you need it, anywhere on your mac!
• 🖥️  See my portfolio at jurkin.io
• ✉️  You can contact me at [email protected]
• 🧠  I'm learning Solidity, Web3.js, Ethers.js

Badges

My GitHub Stats

create-tw's Issues

Update docs to include Nuxtjs support

Not Working with SvelteKit

When i try to install i found this error

[Suggestion] Use Code Shaper as the underlying scaffolding tool

Have you thought of using Code Shaper as the underlying scaffolding tool. We would love to hear if it works for your use case or if there are any gaps to fill. We have also documented how to create a custom branded CLI such as create-tw.

Create GitHub actions to run lints and check prettier

We'll add tests to it later, it's still tbd.

Empty new project fails to start

I was tring to create an project with ist, but the site won't start. here's all I did_
I don't know what is the problem. Do you have any clue?

PS C:\Users\benny\source\repos> npx create-tw@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

_ ._ _ . | _ |
( | (/_ (| | (/_ |_ //

Welcome to create-tw!
The easiest way to create a Tailwind project

? Project name trakr-site
? App type Preact (create-vite)
? What language will your project be written in? ts
? Which dependencies would you like to include? prettier
? Which plugins would you like to include? @tailwindcss/forms, daisyui, prettier-plugin-tailwindcss

Using: npm

Installing project using create-vite

Scaffolding project in C:\Users\benny\source\repos\trakr-site...

Done. Now run:

cd trakr-site
npm install
npm run dev

✔ Project created using create-vite
✔ tailwind.config.cjs created
✔ postcss.config.cjs created
✔ Added Tailwind directives
✔ Added Tailwind template
✔ Deleted unneeded files
✔ Dependencies installed
✔ .prettierrc and .prettierignore created

Project created in C:\Users\benny\source\repos\trakr-site

cd trakr-site
npm run dev

Happy coding!
PS C:\Users\benny\source\repos> cd .\trakr-site
PS C:\Users\benny\source\repos\trakr-site> npm i

up to date, audited 163 packages in 777ms

25 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

PS C:\Users\benny\source\repos\trakr-site> npm run dev

[email protected] dev
vite

VITE v5.0.10 ready in 437 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
10:56:34 [vite] Pre-transform error: [postcss] Identifier 'require' has already been declared
10:56:35 [vite] Internal server error: [postcss] Identifier 'require' has already been declared
Plugin: vite:css
File: C:/Users/benny/source/repos/trakr-site/src/index.css:undefined:NaN
at new Script (node:vm:94:7)
at createScript (node:vm:250:10)
at Object.runInThisContext (node:vm:298:10)
at evalModule (C:\Users\benny\source\repos\trakr-site\node_modules\jiti\dist\jiti.js:1:256254)
at jiti (C:\Users\benny\source\repos\trakr-site\node_modules\jiti\dist\jiti.js:1:254371)
at C:\Users\benny\source\repos\trakr-site\tailwind.config.cjs:9:5
at evalModule (C:\Users\benny\source\repos\trakr-site\node_modules\jiti\dist\jiti.js:1:256443)
at jiti (C:\Users\benny\source\repos\trakr-site\node_modules\jiti\dist\jiti.js:1:254371)
at C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\lib\load-config.js:48:30
at loadConfig (C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\lib\load-config.js:50:6)
at getTailwindConfig (C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\lib\setupTrackingContext.js:71:116)
at C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\lib\setupTrackingContext.js:100:92
at C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\processTailwindFeatures.js:48:11
at plugins (C:\Users\benny\source\repos\trakr-site\node_modules\tailwindcss\lib\plugin.js:38:69)
at LazyResult.runOnRoot (C:\Users\benny\source\repos\trakr-site\node_modules\postcss\lib\lazy-result.js:329:16)
at LazyResult.runAsync (C:\Users\benny\source\repos\trakr-site\node_modules\postcss\lib\lazy-result.js:258:26)
at LazyResult.async (C:\Users\benny\source\repos\trakr-site\node_modules\postcss\lib\lazy-result.js:160:30)
at LazyResult.then (C:\Users\benny\source\repos\trakr-site\node_modules\postcss\lib\lazy-result.js:404:17)
^C^CBatchvorgang abbrechen (J/N)?
^C
PS C:\Users\benny\source\repos\trakr-site>

Add basic e2e test for Nuxt

[Feature] Add Daisy UI integration

[Suggestion] Add An Option To Install A Tailwind UI Library, Such As DaisyUI, In The Project.

You can add an option to install any one (or probably more than one) component library based on TailwindCSS, like DaisyUI or HeadlessUI in the project.

Update `README.md` with some images or gif.

The README can be improved by adding some images of the package in action.
This will help the users to understand how the package works and how to interact with it.

Something like this:

I think a gif showing the whole process will be a better choice.

Add prettier plugins when installing svelte/astro

Adjust Nextjs installation to work with the new file structure in Next 13

Add simple integration tests

It would be cool if someone could write basic integration tests to confirm that each variant creates as expected and the build is not crashing.

Add @tailwindcss/container-queries to plugins list

Add basic e2e test for Solid

Svelte Kit is project type stopped working

Currently we're using create function from 'create-svelte' package. (src/cli/commands/createSvelte.ts) we need to check if the problem is on our side, and what's changed that using this command is not working anymore.