Setting Up and Running the Headless Hashnode Starter Kit Locally

Introduction

To fully customize the starter kit, you'll need to have a local version running on your system. In this article, I'll guide you through the process of setting it up.

Step 1

Go to the Headless Hashnode Starter kit repository on GitHub. You can find it here: GitHub Repository. Fork the repository, then clone or download it to your system.

Step 2

Open your terminal and navigate to the directory where you downloaded the starter kit. In my case, I used the default terminal that comes with Visual Studio Code.

Step 3

Go to the starter kit README file on GitHub, and scroll down to the "Running locally" section. Follow the instructions outlined there.

On your terminal, navigate to one of the themes provided in the starter kit, either the Personal or Enterprise theme. Regardless of your choice, the instructions remain the same. For this guide, I'll use the Enterprise theme as an example:

cd packages/blog-starter-kit/themes/enterprise

Make sure you're in the root directory of the starter kit before executing the code above

Step 4

Inside your Enterprise directory, create a file named .env.local and copy the content of .env.example into the newly created file.

If you are using the Personal theme, perform the same steps within the Personal Directory.

Step 5

Run the following command in your terminal:

pnpm install

The installation process may take some time, so sit back and relax.

Step 6

After the installation is complete, run the following command to start the localhost:

pnpm dev

Visit localhost:3000

Conclusion

Thank you for reading. If you have any questions, please leave a comment. If you prefer a video version of this guide, you can watch it here. https://www.youtube.com/watch?v=37o4iVGsfHc&t=2s

Happy Coding!