Hey Dev community! 👋
Today I've been working hard on publishing a new NPM package.
Check it out! 👉 https://github.com/BraydenTW/create-html-boilerplate
Create HTML Boilerplate generates a vanilla HTML/CSS boilerplate for you in a flash! ⚡
To start a project, simply type in the following command into your terminal:
npx create-html-boilerplate myapp
Tada! ✨
Now you can code away!
But, why?
You might be asking, why would I want a boilerplate generator for a plain, vanilla project?
Well, as I started web development as a beginner a few years ago, making the folder structure and file imports were always time consuming for me. I already knew how to do it, why waste my time setting it up?
My brother has had this same issue and that's when the idea popped into my head. 🎉
I'm open to any feedback you have for my project. I'm planning on adding more config options, imports, and templates too. 😉
If you find this tool useful, I would appreciate a ⭐ on this repo.
Top comments (17)
Include pwa setup code/features ( dev.to/tomavelev/convert-any-site-... ), options for image/icon , replace the static page title with the provided cl parameter...
Lots of great ideas! Love it!
Thanks for your feedback. I'll work on implementing the changes I get in the coming weeks.
Also, was the process for creating a simple boilerplate efficient? Would there be anything you would change?
Or maybe use something like svelte-sapper or react-next.js? Everything is set up from the get go!!!
True, but I am trying to make it vanilla. No frameworks included to keep it as simple as possible.
But I could definitely try much more customized ones soon. Thanks for the ideas!
With svelte eventually it does become pure Javascript😉
Haha true...
Hey Mike! 👋
Thanks :D
hi
Hey @abel4545 , what do you think of
Create HTML Boilerplate?I am just thinking to use it of. Is there something to generate a vanilla HTML project but with TypeScript?
It's very powerful and simple! Liked it!
Yes, I think that would be possible. That's why I'm working on adding more features and config options.
Thanks for your feedback!
I'd definitely suggest the use of a .gitignore file on that repository. Other than that, I love the idea. Great Job!
Thanks! If find this useful in the future, sharing it with a friend or giving the repo a star is much appreciated.
This is great thank you buddy.
Hey, what about an import of an images folder that would resize all images to selective sizes for ready use
Nice idea! How would this be implemented into the CLI?
Would one of the parameters be a path to the image folder they want converted into different sizes?
Yeah, pass parameter of image folder, and use eg imagemagick cli convert command (google.com/url?sa=t&source=web&rct...)
I think would take a good load off , if say you had lots of high res images that needed to be reized and compressed , or even multiple sets in folders so that you could generate srcset attribs later.
This command could be seperate from the main build app, as i think could be useful during design stage also.👍