Next Mastodon Gallery

A Next.js-powered gallery for Mastodon.

Preview / One-Click Deploy

Preview screenshot of details drawer

Getting Started

After deployment, you may need to make changes to configuration.

Configuration

A ready configuration is in config.tsx, options are all commented and typed.

About Mastodon API query URL

First, you need to get your account ID, according to Lookup account ID from Webfinger address - Mastodon documentation, you can make a request to your instance:

> curl 'https://<your-instance>/api/v1/accounts/lookup?acct=<your-username>'
{"id":"72358"...}%
       ^^^^^
       account ID

Then, you can refer to Get account’s statuses - Mastodon documentation, here is an example:

> # get all statuses tagged with `#photography`, excepted the ones without media attachments.
> curl 'http://<your-instance>/api/v1/accounts/<your-account-id>/statuses?only_media=true&tagged=photography'

Once you get a satisfied URL, put it into query in config.tsx.

Development

First, run the development server:

pnpm dev

Then, open http://localhost:3000.