Versia Server frontend, designed with Nuxt.
Find a file
2024-12-16 17:25:52 +01:00
.github ci: 👷 Add the short commit SHA as a docker container tag 2024-12-15 17:26:09 +01:00
.vscode feat: Implement internationalization 2024-12-07 20:24:09 +01:00
app feat: Add HTML spinner while loading frontend 2024-12-09 10:19:35 +01:00
assets docs: 📝 Refactor README to improve appearance 2024-12-16 14:18:46 +01:00
components feat: Add more options for avatar uploads (gravatar, URL) 2024-12-16 17:25:52 +01:00
composables feat: Add pirate speal language 2024-12-08 00:24:21 +01:00
layouts feat: Add string preferences and custom background images 2024-12-15 16:16:16 +01:00
messages feat: Implement emoji uploads 2024-12-09 13:12:46 +01:00
packages/ui chore: ⬆️ Upgrade Bun to 1.1.38 2024-12-03 14:08:47 +01:00
pages feat: Add string preferences and custom background images 2024-12-15 16:16:16 +01:00
plugins feat: Implement custom emojis 2024-12-02 22:21:04 +01:00
project.inlang feat: Add pirate speal language 2024-12-08 00:24:21 +01:00
public refactor: ♻️ Rewrite OAuth consent UI 2024-12-02 23:32:13 +01:00
server/plugins refactor: ♻️ Rewrite authentication page 2024-12-02 17:20:27 +01:00
styles feat: Add CW rendering 2024-12-07 15:16:45 +01:00
utils feat: Implement emoji uploads 2024-12-09 13:12:46 +01:00
.dockerignore refactor: 🎨 Move Lysand-FE into its own repository 2024-04-14 15:16:57 -10:00
.editorconfig ci: 👷 Add the short commit SHA as a docker container tag 2024-12-15 17:26:09 +01:00
.gitignore feat: Add emoji theme picker 2024-11-05 14:25:28 +01:00
app.vue refactor: 🌐 Internationalize every string 2024-12-07 22:17:22 +01:00
biome.json feat: Implement internationalization 2024-12-07 20:24:09 +01:00
bun.lockb feat: Add more options for avatar uploads (gravatar, URL) 2024-12-16 17:25:52 +01:00
components.json refactor: ♻️ Rewrite sidebar with shadcn 2024-11-30 00:58:04 +01:00
Dockerfile ci(build): 🐛 Correctly copy project.inlang folder 2024-12-08 18:36:41 +01:00
index.d.ts feat: Add brainrot locale 2024-12-07 23:05:26 +01:00
LICENSE docs: 📝 Make README prettier, add LICENSE 2024-06-09 17:53:51 -10:00
nuxt.config.ts feat: Implement mobile navbar 2024-12-09 16:52:04 +01:00
package.json chore: ⬆️ Upgrade dependencies 2024-12-13 15:00:32 +01:00
README.md docs: 🐛 Use align instead of center (GitHub support) 2024-12-16 14:19:42 +01:00
settings.ts feat: Add pirate speal language 2024-12-08 00:24:21 +01:00
sws.toml fix(build): 🐛 Use correct path for 200.html fallback page 2024-12-09 15:48:11 +01:00
tailwind.config.ts feat: Add CW rendering 2024-12-07 15:16:45 +01:00
tsconfig.json feat: Implement internationalization 2024-12-07 20:24:09 +01:00

Versia Frontend

TypeScript logo Vue logo Nuxt logo Docker logo Bun logo CSS3 logo HTML5 logo Linux logo TailwindCSS logo

Versia-FE screenshot on an iPad Pro

Features

  • Timelines: public, home, local
  • Login
  • Notifications
  • Replies
  • Quotes
  • Markdown posts (quasi-unrestricted)
  • Dark mode
  • Following
  • Multiple accounts
  • Custom Emojis
  • Versia Server Permissions support
  • Note editing
  • Alt text support everywhere
  • Media uploads
  • WCAG 2.2 AAA testing
  • Settings
  • Profile editing

Browser Support

The following browsers are supported (issues will be prioritized):

  • Chromium: 110+
  • Firefox: 110+
  • Safari: 16+
  • IE: None.

The following browsers will very likely work, but are not officially supported:

  • Chromium: 80+
  • Firefox: 80+
  • Safari: 12+
  • IE: None.

Other browsers may work, but are not guaranteed to.

Performance

JavaScript

The total JavaScript bundle size is less than 1000 kB, but this is made even smaller by the fact that the bundle is split into multiple files, and only the necessary files are loaded on each page.

Benchmarks

Soon™.

Installation

Versia-FE is included in the provided docker-compose file during Versia Server installation.

To have Versia-FE and Versia Server running on the same domain, edit the Versia Server configuration to point to the Versia-FE container's address (frontend category inside config).

Manual Installation

Here are the steps to install Versia-FE manually:

Docker/Podman

services:
    fe:
        image: ghcr.io/versia-pub/frontend:main
        container_name: versia-fe
        restart: unless-stopped
        networks:
            - versia-net

Then, the frontend will be available at http://localhost:3000 inside the container.

Tip

By default, Versia-FE will connect to any Versia Server instance running on the same domain.

You can set the NUXT_PUBLIC_API_HOST environment variable to point to a different Versia Server instance.

Manual

  1. Clone the repository.
git clone https://github.com/versia-pub/frontend.git
  1. Install dependencies.
bun install
  1. Build the project.
bun run build
  1. Serve the static files in the .output/public directory.

Warning

.output/public/200.html should be configured as a fallback for all 404 errors.

Development

Run bun run emojis:generate to generate the emoji list before building or running the project.

License

This project is licensed under the AGPL 3.0 - see the LICENSE file for details.

All Versia assets (icon, logo, banners, etc) are licensed under CC-BY-NC-SA-4.0.

Acknowledgments

Projects

  • Bun: Thanks to the Bun team for creating an amazing JavaScript runtime.
  • Nuxt: Thanks to the Nuxt team for creating an amazing Vue framework.

People

  • April John: Creator and maintainer of the Versia Server ActivityPub bridge.