Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/audiusproject/audius.org
The audius.org landing page
https://github.com/audiusproject/audius.org
Last synced: about 2 months ago
JSON representation
The audius.org landing page
- Host: GitHub
- URL: https://github.com/audiusproject/audius.org
- Owner: AudiusProject
- License: other
- Created: 2021-07-26T16:55:57.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-16T16:32:53.000Z (5 months ago)
- Last Synced: 2024-08-16T18:03:09.198Z (5 months ago)
- Language: SCSS
- Homepage:
- Size: 78.5 MB
- Stars: 3
- Watchers: 7
- Forks: 7
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# audius.org
Build:
```
npm run build
```Preview changes:
```bash
npm run preview
```Publish changes:
```bash
npm run publish
```## Description
This is a next.js site that was migrated from static html/css/js.
The legacy js lives in [`/public/js/main.js`](/public/js/main.js) and is invoked on route changes.
The legacy styling lives in [`/public/styles/styles.scss`](/public/styles/styles.scss). Sass was chosen in order to scope the existing styles to their respective pages without needing major changes to the markup.
## Internationalization (i18n)
This site leverages `next export` to generate static assets that are hosted via a cloudflare worker.
Unfortunately, Next.js i18n routing does not support `next export`. So this site is using a custom implementation of i18n routing via the dynamic route path `[locale]`.
The locale detection and redirect is handled by the cloudflare worker in [`/workers-site/index.js`](/workers-site/index.js)
The i18n resources live in [`/public/locales`](/public/locales).
To add a new locale:
1. Add the locale to [`/next-i18next.config.js`](/next-i18next.config.js)
2. Add the locale to [`/workers-site/index.js`](/workers-site/index.js)
3. Add the locale resources in [`/public/locales`](/public/locales)
4. Add the locale to [`/components/LocalePicker.tsx`](/components/LocalePicker.tsx)