https://github.com/graylikeblackandwhite/svelteboard
An imageboard created with Svelte. No client-side Javascript so safe for TOR and other applications.
https://github.com/graylikeblackandwhite/svelteboard
chan imageboard svelte sveltechan
Last synced: 11 months ago
JSON representation
An imageboard created with Svelte. No client-side Javascript so safe for TOR and other applications.
- Host: GitHub
- URL: https://github.com/graylikeblackandwhite/svelteboard
- Owner: graylikeblackandwhite
- Created: 2025-02-06T23:01:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-10T18:45:54.000Z (over 1 year ago)
- Last Synced: 2025-07-15T11:48:18.684Z (11 months ago)
- Topics: chan, imageboard, svelte, sveltechan
- Language: Svelte
- Homepage:
- Size: 577 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelteboard
An imageboard created with Svelte. No client-side Javascript so is safe for TOR and other applications.
## Why Svelteboard?
Other imageboard software requires that you fumble around with MariaDB, PHP, and a host of other software. With this, all you have to do is fill out your .env, type `npm install`, and run a few scripts in a Supabase instance. It's that simple.
Additionally, there's no client-side Javascript in this software, making it ideal for applications like TOR, which don't permit any client-side Javascript at all.
## Deployment
Deploying other people's software, especially the ones you find in their GitHub repos, is a huge pain in the ass. If something in here confuses you, please open an issue or DM me!
I also recommend you deploy this on a Linux machine. Windows is truly only good for gaming and other niche applications. Ubuntu works best.
### Priors (you'll need):
- A Supabase instance, cloud is fine. If you want maximum control over your data, though, i.e., you live under an oppressive government, look into performing a local deployment of Supabase.
- NodeJS and NPM.
### Installation & Setup
First, clone the repo
```bash
git clone https://github.com/imake-ds-team/svelteboard.git
```
Then, install all dependencies
```bash
npm install
```
Then, rename `.env.example` to `.env` and thats where all of your configurations can be found.
#### Customization
You can go to `app.css` and alter the variables there. You can also install custom fonts with a [webfont generator](https://www.fontsquirrel.com/tools/webfont-generator). I like to get my fonts for free from [Dafont](https://www.dafont.com/).
### Supabase Project Setup
After you intialize your project, go to your SQL editor and create your table for boards:
```sql
create table boards (
id bigint generated by default as identity primary key,
inserted_at timestamp with time zone default timezone ('utc'::text, now()) not null,
name text unique not null,
abbreviation text unique not null,
description text not null
);
alter table boards enable row level security;
create policy "Anyone can read boards."
on boards for select
to anon
using ( true );
```
now create your table for threads:
```sql
create table threads (
id bigint generated by default as identity primary key,
inserted_at timestamp with time zone default timezone ('utc'::text, now()) not null,
title text not null,
content text not null,
gtripcode text null,
board not null,
image_url text null
);
alter table threads enable row level security;
create policy "Anyone can read threads."
on threads for select
to anon
using ( true );
create policy "Anyone can update threads."
on threads for update
to anon
using ( true )
with check ( true );
create policy "Anyone can insert threads."
on threads for insert
to anon
with check ( true );
create policy "Anyone can delete threads."
on threads for delete
to anon
using ( true );
```
and create your table for posts:
```sql
create table posts (
id bigint generated by default as identity primary key,
inserted_at timestamp with time zone default timezone ('utc'::text, now()) not null,
content text not null,
image_url text not null,
parent_thread_id text not null,
parent_thread_board text not null
);
alter table posts enable row level security;
create policy "Anyone can read posts."
on posts for select
to anon
using ( true );
create policy "Anyone can insert posts."
on posts for insert
to anon
with check ( true );
create policy "Anyone can update posts."
on posts for update
to anon
using ( true )
with check ( true );
create policy "Anyone can delete posts."
on posts for delete
to anon
using ( true );
```
Finally, create a new bucket called `threads-uploads`, make it public, with the accepted MIME type being all images, with whatever file upload limit you want. Return to your SQL editor and run
```sql
CREATE POLICY "Permissive Policy qo2jqm_0" ON storage.objects FOR INSERT TO public WITH CHECK (bucket_id = 'threads-uploads');
CREATE POLICY "Permissive Policy qo2jqm_1" ON storage.objects FOR SELECT TO public USING (bucket_id = 'threads-uploads');
CREATE POLICY "Permissive Policy qo2jqm_2" ON storage.objects FOR DELETE TO public USING (bucket_id = 'threads-uploads');
```
### Building
Run
```bash
npm run build
```
and your build should be in the `.svelte-kit` directory of the cloned repo! :D
### How do I...
#### Add new boards?
Go to your `boards` table and create a new row.
#### Delete threads/replies?
Take your `ADMIN_PASSWORD` and delete threads/replies with that. The tripcode form accepts the correct tripcode AND the `ADMIN_PASSWORD`.