mrwillcom/next-mastodon-gallery

A Next.js powered gallery for Mastodon.

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.

next-mastodon-gallery's Issues

Add OGP Optimization

The Open Graph protocol enables any web page to become a rich object in a social graph. So I think this project needs some optimization from OGP so as to allow better experience when it comes to sharing.