mirror of
https://github.com/AnimeThemes/animethemes-web.git
synced 2026-07-11 01:24:31 +02:00
8c5eef847f5725b4e9ae27fca7e8745727608766
* Added various page links to the home page. * Added theme color to support window theming in Chrome for Android. * Simplified the background player for mobile devices. * Submitting a quick search on mobile now closes the navigation overlay. * Removed nested anchors. * Removed device icons from home page since all pages are now compatible with all devices. * Developer Experience: * Started using styled-system to keep styling less verbose. * Resolved various console errors and warnings. * Added gatsby-plugin-extract-schema.
AnimeThemes Web Client
Development
npm installnpm run develop
Deployment
Hosting on root path
npm run build- Upload the contents of
publicto your server.
Hosting on sub-path
- Adjust
pathPrefixingatsby-config.jsto your server environment. npm run build-with-paths- Upload the contents of
publicto your server.
Configuration
You can configure certain settings by creating a .env.development (for development) or .env.production (for deployment)
in the client root directory and include the following:
; The URL to the AnimeThemes API to use.
; If not specified, "https://staging.animethemes.moe" is used as a default.
GATSBY_API_URL = http://localhost
Apache Configuration
.htaccess files can be placed in static and will be copied to the public folder during build.
Used technologies
- Gatsby
- styled-components
- SWR
- Font Awesome
- ...some other small packages, see the
package.json.
APIs
- AniList GraphQL API
- Temporarily for fetching artist covers.
- AnimeThemes' own API
Description
Languages
TypeScript
99.5%
SCSS
0.5%