https://github.com/pskinnertech/arweave-custom-hashrouting
This Repo shows how to develop multi-page websites on Arweave using custom Hash Routing with Svelte.
https://github.com/pskinnertech/arweave-custom-hashrouting
arweave arweave-permaweb hash-routing svelte
Last synced: 8 months ago
JSON representation
This Repo shows how to develop multi-page websites on Arweave using custom Hash Routing with Svelte.
- Host: GitHub
- URL: https://github.com/pskinnertech/arweave-custom-hashrouting
- Owner: PSkinnerTech
- Created: 2024-05-04T13:45:56.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-04T13:59:03.000Z (about 2 years ago)
- Last Synced: 2025-01-20T18:42:50.228Z (over 1 year ago)
- Topics: arweave, arweave-permaweb, hash-routing, svelte
- Language: Svelte
- Homepage: https://4l3ou2onvzivtzumpzcka2ao6ijizrwjoidxo2x6xp73ll3ry24a.arweave.net/4vbqac2uUVnmjH5EoGgO8hKMxslyB3dq_rv_ta9xxrg/#/
- Size: 18.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Arweave Multipage Website Starter Kit
This starter kit provides a foundation for creating multipage websites with custom hash routing, utilizing a recursive Svelte component, and featuring basic custom Vite configuration for seamless deployment to the Arweave Mainnet.
## Features
- Multipage functionality through custom hash routing (not reliant on any additional packages like tinro or Reach Router)
- A Recursive Svelte Component
- Basic custom Vite configuration for easy deployment to Arweave Mainnet
## Requirements
- Customize the page(s) however you want, just keep the entire build under 100kb. (Run `npm run build` to see build size)
- No $AR token or even an Arweave wallet is required as long as you keep the build under 100kb.
## Pros & Cons
### Pros:
- Extremely simple to use and implement.
- No need to use any additional packages like tinro or Reach Router.
- Very easy to update the website with basic text-based content.
- Very easy to update the CSS.
- Using basic Javascript and Svelte.
### Cons:
- For free deployment, you need to keep the build under 100kb, which restricts the amount of content and styling you can deploy.
- This style of hashrouting may be difficult to manage for those unfamiliar with it.
- Many may find editing the content beyond the basic text-based content to be difficult.
## Usage
1. **Clone the Repository**:
```bash
git clone https://github.com/PSkinnerTech/Arweave-Custom-HashRouting.git
```
2. **Navigate to the Project Directory**:
```bash
cd Arweave-Custom-Hashrouting
```
3. **Install Dependencies**:
```bash
npm install
```
4. **Customize Your Website**:
- Edit the pages as per your requirements.
5. **Build Your Website**:
```bash
npm run build
```
6. **Deploy to Arweave**:
```bash
arkb deploy dist --use-bundler https://node2.bundlr.network --tag-name DEPLOY --tag-value Your-MultiPage-AppName --auto-confirm
```
_**Note:** Replace `Your-MultiPage-AppName` with the name of your multipage application._
An Arweave URL will be printed when the deployment is successful. It may take up to 30 seconds for the content to publish to the link, so please be patient.
You're all set! Congrats!
HMU if you have questions. [@PSkinnerTech](https://x.com/PSkinnerTech)