🚀 A Hugo-theme for young start-ups, product launches, and »coming soon«-websites. Includes ready-to-go contact form & newsletter sign up via Netlify Forms.
For a current & working demo of this theme, please check out https://hugo-product-launch.netlify.app/ 🎯.
- Pretty, quick & straightforward single-page design 🌻
- Contact form 📇
- Newsletter sign-up 📫
- Responsive 📲
- One-click deploy 🚀 to netlify
- No!-code Content Management via Forestry 💼
- tailwindcss for speedy styling 🏎
- No! JavaScript 🥳
Deploy 🚀 Hugo Product Launch to netlify by clicking this button:
Alternatively, you may also clone the kickstart-repo, and skip right to the usage instructions
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 hugo.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.json- & package-lock.json-files from the root of this theme to your site's root. Run npm install.
Simply copy over the assets/css/main.css-file from this repo into your local assets/css-folder. You may then add any CSS you like into your own assets/css/main.css-file. See tailwindcss > docs > configuration for more details.
If you would like to have a nice & clean no!-code User Interface 🧁 for Content Management, simply connect your repository with Forestry. We included the necessary batteries 🔋 (i.e. settings) on the exampleSite/.forestry-folder so you are ready to go right out of the gate.
Please check out the hugo.toml-file included in the exampleSite of this theme.
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 🙌🏻.
Check out the main.css-file from the assets/css-directory to get started and to find more detailed instructions.
Please use GitHub issues and Pull Requests.
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.
Hugo Product Launch by Jan Raasch is licensed under CC BY 4.0
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.
