Moved to https://source.joinmastodon.org/mastodon/joinmastodon

renovate[bot] daab5dd08d fix(deps): update dependency sass to v1.81.0 1 týždeň pred
.github 2f9708f5d7 chore(deps): update docker/build-push-action action to v6 (#734) 4 mesiacov pred
components 8396a5bd10 Add merch link 1 mesiac pred
data e87502ab22 Update sponsors 3 týždňov pred
locales df4f337f9e New Crowdin translations by GitHub Action (#672) 1 mesiac pred
pages 0af5d10999 Update donor policies (#797) 4 týždňov pred
public 0af5d10999 Update donor policies (#797) 4 týždňov pred
styles 29a086f61b Upgrade dependencies (#394) 1 rok pred
types 29a086f61b Upgrade dependencies (#394) 1 rok pred
utils e383196162 Update about page to include 501(c)(3) US non-profit information (#694) 5 mesiacov pred
.dockerignore 6b4328ed41 Build a standalone Docker image on release (#281) 1 rok pred
.editorconfig 15ea98d93c 2022 Redesign (#188) 2 rokov pred
.eslintrc.json 15ea98d93c 2022 Redesign (#188) 2 rokov pred
.gitignore a12c646ab9 Switch to Node 20 and Yarn 4 1 rok pred
.nvmrc a12c646ab9 Switch to Node 20 and Yarn 4 1 rok pred
.prettierignore 15ea98d93c 2022 Redesign (#188) 2 rokov pred
.prettierrc 6ebb16a33c Improve image loading and caching (#274) 1 rok pred
.yarnrc.yml a12c646ab9 Switch to Node 20 and Yarn 4 1 rok pred
CONTRIBUTING.md 8557192b3d Update CONTRIBUTING.md 3 týždňov pred
Dockerfile e383196162 Update about page to include 501(c)(3) US non-profit information (#694) 5 mesiacov pred
README.md c6fcdf8418 README.md: fix link 11 mesiacov pred
crowdin.yml b86ede6a44 Add a Github action to upload translations 11 mesiacov pred
linear.mjs 29a086f61b Upgrade dependencies (#394) 1 rok pred
next-env.d.ts 15ea98d93c 2022 Redesign (#188) 2 rokov pred
next.config.js fdd449ea3b Stricter CSP in production 8 mesiacov pred
package.json ffc7ff3933 fix(deps): update dependency @linear/sdk to v31 (#787) 1 mesiac pred
patreon.mjs e87502ab22 Update sponsors 3 týždňov pred
postcss.config.js 15ea98d93c 2022 Redesign (#188) 2 rokov pred
tailwind.config.js 29a086f61b Upgrade dependencies (#394) 1 rok pred
tsconfig.json 15ea98d93c 2022 Redesign (#188) 2 rokov pred
vercel.json a12c646ab9 Switch to Node 20 and Yarn 4 1 rok pred
yarn.lock daab5dd08d fix(deps): update dependency sass to v1.81.0 1 týždeň pred

README.md

joinmastodon.org

This repository contains the source for joinmastodon.org, the informational site and landing portal for the Mastodon project.

You can submit translations via Crowdin (note: you will need to be logged-in to Crowdin for the link to work correctly). Read more below.

Development

To build and run the site locally, you'll need to have Node.js version 20 installed, which you can download from the Node.js website or install via tools like fnm or nvm. For dependency management, yarn is used, it should be automatically be installed when you install Node.js, if it's not available you can use corepack enable and corepack prepare yarn@1 to install it.

Installation

yarn
yarn run dev

See package.json for more scripts.

Contributing

See CONTRIBUTING for more information. All interactions with this and other repositories that are part of the Mastodon project are subject to the Mastodon Code of Conduct.

Built with

Translations

Translations are managed via Crowdin and distributed with react-intl. Submit translations at Crowdin. Note that you will need to be logged-in to an account on the Crowdin website for the link to the project to work correctly. The project will not accept translations submitted via other means, as they would fall outside of the workflow described below.

The basic translation workflow is:

  1. Translatable messages are declared in the source files using the <FormattedMessage> component.
  2. Default messages are extracted to locales/en.json by running yarn extract.
  3. The locale files are synced with the Crowdin project. Any new messages in the source file(locales/en.json) are made available for translation for other languages. Any new translated messages are downloaded back to the repo into corresponding locale files (e.g. locales/es.json).
  4. On build, each locale loads its corresponding messages from getStaticProps() (example).

Internationalized Routing

Localized versions of each page are hosted at dedicated URLs, making it easier for web crawling in users' preferred language. (docs)

Image optimization

Raster images should be added at the maximum resolution they'll be displayed at. If art direction is not required, mobile images will be generated automatically. (docs)

Deployment

Next.js should be hosted using a Node.js server. (see instructions). The reasons that this has been chosen over a static HTML export are: