For a current & working demo of this theme, please check out https://hugo-product-launch.netlify.app/
🔑 Key Features
- Pretty, quick & straightforward single-page design
- Contact form
- Newsletter sign-up
- One-click deploy
- No!-code Content Management via Forestry
- tailwindcss with PostCSS and PurgeCSS => super tiny CSS file
One-click Deploy / Installation
If you already have a Hugo site on your machine, you can simply add this theme via
git submodule add https://github.com/janraasch/hugo-product-launch.git themes/hugo-product-launch
Then, adjust the
config.toml as detailed below.
For more information, read the official setup guide of Hugo.
Simply copy over the contents of the
exampleSite-directory included in this theme to your source directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.
You need to have NodeJS installed. Then, copy the
package-lock.json-files from the root of this theme to your site's root. Run
npm install &
npm install postcss-cli postcss -g to set up your PostCSS-Pipe.
Simply copy over the
assets/css/main.css-file from this repo into your local
assets/css-folder. Also, copy the
tailwind.config.js-file from the root of this repository to your site's root. You may then add any CSS you like into your own
assets/css/main.css-file and even overwrite the tailwind configuration in
tailwind.config.js-file. See tailwindcss > docs > configuration for more details.
Optional: Take over
Take full control of the PostCSS-setup by copying the
postcss.config.js-file from this repo into the root directory of your site.
If you would like to have a nice & clean no!-code User Interface
exampleSite/.forestry-folder so you are ready to go right out of the gate.
Start with the contents provided in the
_index.md-file in the
exampleSite/content-directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.
This markdown cheat-sheet might come in handy 🙌🏻.
Adding your branding / colors / css:
Issues / Feedback / Contributing
If you do not have a GitHub-account, feel free to hit me up via email (see janraasch.com).
- Go to favicon.io, for supplying a quick & easy way to create the favicon used on the exampleSite.
- Go to Pexels, for supplying those wonderful free stock photos on the exampleSite.
Please keep the original attribution link when using this theme for your project.
If you would like to use this theme without attribution, permissions beyond this license's scope are available at MORE_PERMISSIONS.md.