Starter package v4 – I created a web site starter package with 5 pages, all cellular first html and css most effective, responsive navigation, operating darkish mode, and a useful weblog that connects to Netlify cms for shoppers to make their very own edits. I get started all my websites with this. Use it on the other hand you need.

Simply wanna percentage a brand new web site starter package I made for everybody to make use of for their very own tasks. I constructed this with u/fugi_tive who helped me with the entire SSG and CMS paintings. That is for all you designers who can code.

Right here’s the repo:

https://github.com/Oak-Harbor-Kits/Starter-Kit-V4-Eleventy

Right here’s a reside demo of what the website online looks as if out the field

https://starterkit-v4-eleventy.netlify.app/

It comes with 5 hand coded cellular first pages in most effective html and css, responsive navigation that’s simple to customise, operating darkish mode, and dealing weblog and get in touch with shape.

It’s constructed with Eleventy static website online generator and has a useful weblog that has the entire configurations setup to hook up with the Netlify cms with like 4 clicks and you’ll invite your consumer to the website online to login on their area and create their very own weblog posts. No WordPress. No databases. All achieved with a static website online generator that we configured ourselves so all of it simply works. You don’t must configure anything else. We already did it. Simply observe the stairs and it will have to all simply paintings!

Within the readme record there’s a video on how one can convert an already constructed website online into the brand new package to make use of elements for the header and footer to copy in all pages from One record supply. Only a bunch of replica and pasting and filling in some variables in point of fact. Additionally presentations you how one can transfer over an present weblog into the brand new gadget and hook up with netlfiy and the whole lot.

We lay each and every factor out for you and did the entire heavy lifting. I’ll be the use of this for all my shoppers transferring ahead now and I sought after to percentage it and make it unfastened open license to make use of for any of your tasks that want blogs or need to use a static website online generator however they have been too arduous to be told and configure.

If you’re making a brand new web site, simply delete the pages within the package and substitute them with new ones and new css information (except for the weblog web page, stay that!). The whole lot else is treated for you. Simply observe the stairs on how one can use the package and create your information.

If you happen to don’t want the weblog, simply take away the weblog folder and web page. Put them again in if you happen to ever wish to upload it at some point and it’s going to nonetheless paintings.

Hope everybody likes this and it’s useful. I spent numerous time writing the readme record to make it simple to know what to do even for folks Who’ve by no means used a static website online generator prior to. Which previous to per week in the past was once me too. So I wrote the whole lot i want I had defined to me if I didn’t have anyone protecting my hand the entire method.

So clone it and use on the other hand you need! Let me know what you suppose.

View Reddit through Citrous_Oyster – View Supply