SPA for Kabana Kennels NZ

🎁 What's Included

This website was build off hugoplate and Tina IO primarily.

📦 Tech Stack

• Hugo
• Tailwind CSS
• PostCSS
• PurgeCSS
• AutoPrefixer
• Hugo Modules
• Markdown
• Prettier
• Jshint
• Netlify

---

🚀 Getting Started

⚙️ Prerequisites

To start using this template, you need to have some prerequisites installed on your machine.

• Hugo Extended v0.115+
• Node v18+
• Go v1.20+
• Yarn

👉 Project Setup

Custom script to install hugo modules etc.

yarn project-setup

👉 Install Dependencies

Install all the dependencies using the following command.

yarn install

👉 Development Command

Start the development server using the following command.

yarn dev

📝 Customization

This template has been designed with a lot of customization options in mind. You can customize almost anything you want, including:

👉 Site Config

You can change the site title, base URL, language, theme, plugins, and more from the hugo.toml file.

👉 Site Params

You can customize all the parameters from the config/_default/params.toml file. This includes the logo, favicon, search, SEO metadata, and more.

👉 Colors and Fonts

You can change the colors and fonts from the data/theme.json file. This includes the primary color, secondary color, font family, and font size.

👉 Social Links

You can change the social links from the data/social.json file. Add your social links here, and they will automatically be displayed on the site.

---

🛠 Advanced Usage

We have added some custom scripts to make your life easier. You can use these scripts to help you with your development.

👉 Update Modules

We have added a lot of modules to this template. You can update all the modules using the following command.

yarn update-modules

👉 Remove Dark Mode

If you want to remove dark mode from your project, then you have to do it manually from everywhere. So we build a custom script to do it for you. you can use the following command to remove dark mode from your project.

npm run remove-darkmode

Note: This command will work before running project-setup script. If you already run the project-setup command, then you have to run npm run theme-setup first, and then you can run this command. afterward, you can run npm run project-setup again.

---

🚀 Build And Deploy

After you finish your development, you can build or deploy your project almost everywhere. Let's see the process:

👉 Build Command

To build your project locally, you can use the following command. It will purge all the unused CSS and minify all the files.

yarn build

👉 Deploy Site

This site is deployed on Netlify

• Netlify

---

🔒 Guide to Staying Compliant

📝 License

Copyright (c) 2023 - Present, Designed & Developed by Chris Chester