AnimeThemes Web Client

1. Configuration
2. Development
3. Deployment
4. Used technologies

Configuration

To get started you need to define some environment variables. This can be done by creating a .env.local file in the root directory.

This is a list of all available options:

; Datebase configuration
;   Only username and password are required.
;   All other fields take the specified values by default, but can be changed if wanted.
DB_HOST=127.0.0.1
DB_PORT=3306
DB_USER=...
DB_PASSWORD=...
DB_DATABASE=animethemes

; (Optional) The URL to the AnimeThemes API to use.
;   For development this is "http://localhost" by default.
;   For production this is "https://staging.animethemes.moe" by default.
NEXT_PUBLIC_API_URL=http://localhost

; (Optional) The URL from which video files should be served.
;   By default this is "https://animethemes.moe". 
NEXT_PUBLIC_VIDEO_URL=https://animethemes.moe

; (Optional) The base path the app should be hosted on.
;   By default the app is hosted on the root path (/).
NEXT_PUBLIC_BASE_PATH=/wiki

For more information on environment variables see the Next.js documentation.

Development

1. npm install
2. npm run dev

Deployment

1. npm install (If not done already.)
2. npm run build generates all static pages and produces a production ready bundle.
3. npm run start starts the server.
4. The server is now listening on port 3000 for incoming requests.

Used technologies

• Next.js
• styled-components
• react-query
• Font Awesome
• ...some other small packages, see the package.json.

APIs

• AnimeThemes API