A Next.js showcase app
Live version: http://ec2-18-197-115-93.eu-central-1.compute.amazonaws.com:3000
- Unit tests using Jest
- Translations using FBT
- Favicon
- More react-spring animations
- Error boundaries for showing loading state when fetching data on the client.
The project is structured is following
Spotalike is using styled-components for styling.
The project is using a responsive modular type scale, major second (1.125). For more info on type scales see this. Some fonts might differ a slightly compared to the sketches based on that. Spotalike is also taking inspiration from Material Design's type scale system.
Using REMs for all units, except for media queries that are using EMs. See this article for more info on why.
Spacing methods are based on Material Design with a baseline of an apparent 8px.
- xs: 20em / 320px
- s: 36em / 576px
- m: 48em / 768px
- l: 62em / 992px
- xl: 75em / 1200px
All pages could be found under /pages.
The REST API could be found under /pages/api.
The project tries to divide components into stateless and statefull components. See this article for more info.