Replying to Avatar Cypher

## Introduction

This tutorial focuses on helping you clone the repository and customise the settings to your brand / style.

We'll show multiple ways to help you achieve the same goal depending on your comfort level around code.

At the end you should have your own blog/shop/page running for free.

## Prerequisites

- [Github Account](https://github.com)

- Cloud hosting account ( [Cloudflare](https://cloudflare.com), [Vercel](https://vercel.com), [Netlify](https://netlify.com) )

## Dev & Build Setup

### Step1: Cloning / Installation

Option1: Use this repository as a template by clicking the green button at the top to create it in a new repository.

Use the github destop app or CLI to bring the repository to your local machine, it is also possible to make small edits trough github.

```shell

# install dependencies

$ npm install

# serve with hot reload at localhost:3000

$ npm run dev

```

Option2: Through the commandline

Make sure to have [NodeJs](https://nodejs.org/) v18 or higher then type the following command into your terminal:

```shell

npx create-cypher

```

### Step2: Customizing the template

All configuration options are stored in the config folder of the application.

You can edit these parameters using VS code or use the github website to make minor edits.

### Step3: Deploy your website

```bash

# generate build to the /dist folder

$ npm run build

```

LFG I went with option 2!

Need to check it out again, especially after the PWA update. 👀

nostr:note1neaz2e7e28x5xez5cdzsua0tyaf8ymm34smrfqjtwjqa03ak06gs8dqwcj

Reply to this note

Please Login to reply.

Discussion

No replies yet.