An open API service indexing awesome lists of open source software.

https://github.com/soundux/website

πŸ•ΈοΈπŸš€ Next-gen website for Soundux
https://github.com/soundux/website

Last synced: 10 months ago
JSON representation

πŸ•ΈοΈπŸš€ Next-gen website for Soundux

Awesome Lists containing this project

README

          

# Soundux Website

Website for [Soundux](https://github.com/Soundux/Soundux)

[![Main repo](https://img.shields.io/badge/View%20our%20main%20repo-181717?style=for-the-badge&logo=github&logoColor=fff)](https://github.com/Soundux/Soundux)

[![License](https://img.shields.io/github/license/Soundux/website?style=for-the-badge)](https://github.com/Soundux/website/blob/master/LICENSE)
[![Build](https://img.shields.io/github/workflow/status/Soundux/website/Build%20and%20Deploy?&style=for-the-badge)](https://github.com/Soundux/website/actions/workflows/cd.yml)
[![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)

> ⚠️ The repo's `master` branch contains the source files for the site. The static files are in the [`gh-pages` branch](https://github.com/Soundux/website/tree/gh-pages)!

### Tech stack
[![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=fff)](https://nextjs.org/)
[![Mantine](https://img.shields.io/badge/Mantine-339AF0?style=for-the-badge&logo=data:iamge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAACjCAYAAAAJrsW%2bAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm%2b48GgAABqFJREFUeJzt3V3IZVUdx/Hf/9G0qWkalWxKqaF0MDWEKIwKKueiQCsJQkPRMMLUuRCCvAgHQqSsi27SQogoCHuRLLCMYUYlL3xNfEGeHBQTJRrfdV5oxmfm28U%2bA6fHZ/Y5a%2b19ztrP3r/P7Tlrnd8%2b/FnrnLPXWUsyMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM%2bu2KB2ga4A1kj4j6RRJhyQ9IumBiKBoMBsGIIArgBd4qyeAz5XOaAMA/HSFAhy3BFxdOqf1GPDVCUU47mbgbaUzWw%2bNpt4UdwEnlM5tPQKclFiEh%2b0E3l86f18slA7QAZsy250qaTtwYpthhsqFKL3aoO1HVBWjp2lrBlgL7M6cng97EHh36WtZzfyDtiTg55Iub9jNS5LeaCHOC5IWJf0mIna00N%2bq4EKUBLxX1R2UDaWzLPMnSZdExO7SQWbNnxElRcQuSedIerZ0lmXOl3QbcHTpILPmQhyJiEVJZ0u6t3SWZTZL%2bmbpELPmQhwzGhk/L%2bnXpbMsc0XpALPmz4grAELS9yVdWzrLmLURsbd0iFnxiLiCiCAitkq6oXSWMb3%2becgjYo3RyHijyk%2bNB1SNiG8WzjEzHhFrjBbDbpF0S%2bEoO/pchJJHxKkA75D0gKQzSry8pM9GxD0FXtu6Bjgd2NPwVmCOraWv3ToG%2bMYcC/BF4LLS1zwvnpoTAbdLOjej6d8kPTrF8/ZJekzStojYl/E6NgTAh4H/Zoxwvy%2bd3XoG%2bHFGIe7H6xatTcA6Vv7b6SRXls7eVf4dMUNEvCHppoyml7SdxQYO2DCablN9qHT2LvKImCki/iMp5wvI5raz9IELsZkbM9q4EO2tgKOAdZltA3gucWreRbWYwsYMckQEPgHcBDwjab%2bk14F9wH3ANcDx0/QzWhTxl8SXP1HSRxPbWJ8AxwG/BQ5NGLVeYcqfWoBzE0dEgG/P%2blqto4APAouJBfMzJkyjwBqq0TTFT%2bZ13dYho2L5R2KxHPa9Kfp/KLHPv87juq1jgBsyixDgIFD7mQ74ZWKfT8/r2leL3n9ZAd4j6aoGXSxImrQm8PHEPjcCb8/M00u9L0RJX5H0zoZ9fBlYW/N4aiEuSDq5QZ7eGUIhntNCH8dI%2bnTN4//O6LOusAdnCIXY1shzUs1jr2f0967cIH00hEJs67PYmprHXIgNDaEQc6bNlTxf89geSQcT%2b3MhjhlCIT4y635Gt/pS/3fskwnGDKEQ/9hCHw9HxBG3rAOOUfpHgD3NIvVL7wsxIh6TdEfDbn444fGcfWl6v/lmit4X4sh3lD8CbZd064Tn5BRiG9sc98YgCnG0CefFkpYSm%2b6UdOEUB0IelxHLU/OYQRSiJEXEnyV9UdLLUzbZIelTETHN80/LiDRtDusj4HjgB1QrpZc7RLWS5mskrKIGfpS46KHJ2S69NNgl68CCpI9J2ihpnaRdkh6NiLrfC4/U1x2qRttp3R8Rn0x9HbNawPOJI%2bKvSmfumsF8RpwV4DTV34deyZOzyLKauRCbOy%2bjTeqyMbN6wN8Tp%2bUlYH3p3NYjVN/A30wsxPtK5%2b4iT83NXCop9Xiy7bMIYgMFLABPJY6GAG2sGDerAOdlFOErwLGls3eRp%2bZ8V2e0%2bV1E7G89iQ0TsDljNAQ4u3R26wngaODxjCJ8Eu8CdkS9P5B6Bq6SdGZGuz9IWg%2bTVpRpb0QcyOjfhgI4GXg1c1pOsQhcC/gPVvb/qKbk1LsoTT0FbCp97dYhwPVzLsLDngZ6fVazTQn4AtWuYKVcV/o9mDV/i5sA%2bLiqvw1k7bPdkmcjYmPB1585F2IN4ExJd0vqwtFl6yMiZ2uTVcF3Vo4AOEXSNnWjCCWp17cGXYgroLoDco%2bk95XOMvKapBdLh5glF%2bIywAWS7pK0oXSWMbdN8d9q6wOqw3u2Mvnoi3nbjc/vGw6qA4C6Zh/wpdLvjc0JcFHpilvmILANOKv0ezMv/vlGErBT0qkNuliS9F3Vb%2bY5rZckLY5OP7WhADY1HL2WgK%2bXvo7Vzt%2bapQ80aIukKyPilrbCDJULUdqb2Q5JWyLi5jbD2EABa0k/1PEA8K3S2a1ngF8kFOHL%2bC%2bhNgvABqbb0WsRaPLt2qwecDrwz5oivB3vWWPzQHWu8xbgTuBfVKujbwVydvwyMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMza9f/AH52p374jiliAAAAAElFTkSuQmCC&logoColor=fff)](https://mantine.dev/)

## Features

This template comes with several essential features:

- Server side rendering setup for Mantine
- Color scheme is stored in cookie to avoid color scheme mismatch after hydration
- Storybook with color scheme toggle
- Jest with react testing library
- ESLint setup with [eslint-config-mantine](https://github.com/mantinedev/eslint-config-mantine)

## npm scripts

### Build and dev scripts

- `dev` – start dev server
- `build` – bundle application for production
- `export` – exports static website to `out` folder
- `analyze` – analyzes application bundle with [@next/bundle-analyzer](https://www.npmjs.com/package/@next/bundle-analyzer)

### Testing scripts

- `typecheck` – checks TypeScript types
- `lint` – runs ESLint
- `prettier:check` – checks files with Prettier
- `jest` – runs jest tests
- `jest:watch` – starts jest watch
- `test` – runs `jest`, `prettier:check`, `lint` and `typecheck` scripts

### Other scripts

- `storybook` – starts storybook dev server
- `storybook:build` – build production storybook bundle to `storybook-static`
- `prettier:write` – formats all files with Prettier