How to setup your own Cypher Space
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
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.
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
Option2: Through the commandline
Make sure to have NodeJs v18 or higher then type the following command into your terminal:
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
# generate build to the /dist folder
$ npm run build
Published at
2024-07-01 20:52:42Event JSON
{
"id": "5fbc185a7560808a2ebe6ac10f2e42e1a1accb3fb89633c9fc77e00da7cbe295",
"pubkey": "9db6bed5bb877c192a9ed2806ee8803307714fdc43d02a24612a3c18c9b0c4ef",
"created_at": 1719867162,
"kind": 30023,
"tags": [
[
"d",
"1719867022882"
],
[
"title",
"How to setup your own Cypher Space"
],
[
"summary",
"This tutorial focuses on helping you clone the repository and customise the settings to your brand / style.\nWe'll show multiple ways to help you achieve the same goal depending on your comfort level around code.\nAt the end you should have your own blog/shop/page running for free."
],
[
"t",
"tutorial"
],
[
"t",
"nostr"
],
[
"t",
"cypher space"
],
[
"image",
"https://cypher.space/stock/nogood/Placeholder.gif"
],
[
"published_at",
"1719867145"
],
[
"alt",
"This is a long form article, you can read it in https://habla.news/a/naddr1qvzqqqr4gupzp8dkhm2mhpmury4fa55qdm5gqvc8w98acs7s9gjxz23urrymp380qqxnzde38yurvdesxgerswpjj7729w"
]
],
"content": "## Introduction\n\nThis tutorial focuses on helping you clone the repository and customise the settings to your brand / style.\nWe'll show multiple ways to help you achieve the same goal depending on your comfort level around code.\nAt the end you should have your own blog/shop/page running for free.\u003cbr\u003e\n\n## Prerequisites\n\n- [Github Account](https://github.com)\n- Cloud hosting account ( [Cloudflare](https://cloudflare.com), [Vercel](https://vercel.com), [Netlify](https://netlify.com) )\n\n## Dev \u0026 Build Setup\n\n### Step1: Cloning / Installation\n\nOption1: Use this repository as a template by clicking the green button at the top to create it in a new repository.\nUse the github destop app or CLI to bring the repository to your local machine, it is also possible to make small edits trough github.\n\n```shell\n# install dependencies\n$ npm install\n\n# serve with hot reload at localhost:3000\n$ npm run dev\n```\n\nOption2: Through the commandline \n\nMake sure to have [NodeJs](https://nodejs.org/) v18 or higher then type the following command into your terminal:\n\n\n```shell\nnpx create-cypher\n```\n\n### Step2: Customizing the template\n\nAll configuration options are stored in the config folder of the application.\nYou can edit these parameters using VS code or use the github website to make minor edits.\n\n### Step3: Deploy your website\n\n```bash\n# generate build to the /dist folder\n$ npm run build\n```",
"sig": "350cd3342609e36e1eeb402007539859334f324881999bbc9f0e5fe2697a2d86c55299931fdd9419c1ffbd394e2e6bf3db7e18ce5ff9fb3c830bb2d9d73ae3b8"
}
