Follow this guide for a quick start setup & installation instructions.

1. Unzip the Downloaded file #

Once you downloaded the template, you will see a zip file. Please unzip the template using your operating system's default option.

Windows - Extract Zip Files
Mac OS - Double click to unzip
Linux - Use Command line

2. Open in Code Editor #

Inside the ZIP, you can find two folders. One is a Help Docs which will give you access to this documentation (the one you are reading now) and then the main project folder. named like projectname-technology. eg: greenhome-next

Open this folder in your favorite code editor. We recommend VSCode. Now open terminal inside the IDE. (Ctrl + `) and run the command as shown in the next step.

3. Run Commands #

Next, we have to run some commands in the terminal to setup our newly downloaded template. Please choose one of the below guides based on your template framework.

You will need to make sure you have Node.js, NPM or Yarn installed in your machine first.

Please follow this steps:

1. Install dependencies #

npm install

2. Build the project to generate the first CSS #

This step is only required the very first time.

npm run build

Run Eleventy #

npm run start

If everything's done correctly, you can find your website live at http://localhost:8080

CSS Customizations #

This template comes with TailwindCSS framework integration which is really easy to setup and customize. Read more on TailwindCSS Guide