Easy Setup (Hugo + Netlify + Forestry)
Build your website with kross hugo theme by following this easy steps (No Coding Required)
In this tutorial we will show you to make your website live without buying any hosting and touching a single line of code. We made this tutorial based on meghna hugo but you can setup everithing like this.
What you need !!
- Git acccount (Ex: Github, Gitlab etc ) . In our case we use github.
- Netlify account to host files and add custom domain .
- Forestry account to maintain whole project without code.
Step 1 : Fork or Clone repository
First we will fork this vex hugo template.
Step 2 : Add your repository in Forestry
Go to your forestry account and click on import your site now
. declare your config.toml file [exampleSite
] and fill up basic settings .
Or just click this button for one click installation
Now mark everything as done, then go to configuration to change the base url . You can put any url but this have to similar as netlify . So for now put a name which you are going to put in netlify as netlify subdomain.
Step 3 : Setup and host website with Netlify
Here comes the last step . Go to your netlify account and click add new site . Choose your git repository to import your website in netlify . And now you can see the forked vex hugo
theme. select it and follow the steps. Then go to site settings
for change the site name and put your subdoamin name here what you puted on forestry as base url. save it and go to deploy
from top menu, Wait a while and click on site preview
or just simply go to the subdomain you puted as base url. BOOM! Your site is live. Now you can go to forestry and add, remove or customize every setting and content.
If you face any issue regarding the installation feel free to onen open a new issue
Table of Contents
- Demo
- Installation
- Main Features
- What's New
- Reporting Issues
- Technical Support or Questions
- Licensing
- More Hugo Themes
Demo
Homepage | Blog | Product | Contact |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
The images are only for demonstration purpose, Please don't use those images.
Installation
At the top we have shown an easy hugo installation. but still if you think you want to go with the traditional way then use the following commands:
Note : You must use hugo-extended
version to compile SCSS
$ git clone [email protected]:themefisher/vex-hugo.git
$ cd vex-hugo/exampleSite/
$ hugo server --themesDir ../..
Main features
- Fully Responsive Ready.
- Multilingual Support.
- Powered by bootstrap 4 framework.
- Product Showcase.
- Product Details Page.
- Snipcart Included.
- Blog Post.
- Contact Form.
- Email Subscription Section.
- Documented codes.
What's New
- Multilingual Support.
- Product Details Page.
- Snipcart Included.
- Blog Post.
- Contact Form.
Icons
To view the catalog of available themefisher-font icons, visit https://themefisher.github.io/themefisher-font/
Reporting Issues
We use GitHub Issues as the official bug tracker for the Vex Template. Please Search existing issues. Itβs possible someone has already reported the same problem. If your problem or idea is not addressed yet, open a new issue
Technical Support or Questions (Paid)
If you have questions or need help integrating the product please contact us instead of opening an issue.
Licensing
This Theme is released under Creative Commons Attribution 3.0 (CC-BY-3.0) License If you want to remove the credit simply make a donation, so that we can run our contribution to hugo community.
Hire Us
We are available for Hiring of your next HUGO project. Drop Us a mail [email protected]
Premium Themes
Hugo Mega Bundle | Adrian | Influencer |
Agico | Biztrox | Bexer |
Dtox | Hargo | More Hugo Themes |