{"repo":"serlo/frontend","free":true,"listed":false,"github":"https://github.com/serlo/frontend","clone":"git clone https://github.com/serlo/frontend.git","description":"Next.js app that serves serlo.org","language":"TypeScript","stars":40,"topics":["graphql","nextjs","react","typescript","serlo","service"],"license":"Apache-2.0","category":"api-integrations-sdks","readme_excerpt":"serlo.org – Frontend Next.js app that serves serlo.org. You can find it in apps/web . Overview The frontend turns the data it receives from our GraphQL API into pretty views. In our staging and production enviroments the frontend sits behind a cloudflare worker that mostly does redirects and could be used for A/B testing etc. Getting started Local installation You can run the frontend on your local system. Install Node.js v20 and yarn ( npm install --global yarn ), then run the following commands: The development server is now live on localhost:3000. Use same username/password as on staging. Choose language using http://localhost:3000/{es de hi ta en fr}/ Tip for windows users: Set execution policy to remote signed to allow yarn to run. Libraries To make working with this codebase easier a basic understanding of React, TypeScript, Tailwind and useSWR is very helpful. Next.js The frontend is built with the Next.js React Framework. A good way to get started in this repo is to make yourself familiar with Next.js. Some of the features we use: - Routing - Internationalised Routing - Static Site Generation - Incremental Static Regeneration - … How to work in frontend with local backend We use our staging API ( api.serlo-staging.dev ) as our backend when you run yarn dev . However it is also possible to use the frontend with a API instance running on you local machine: 1. Clone api.serlo.org or update your local repo with git pull . 2. Run yarn and yarn start in your local api.serlo","default_branch":null,"files":null,"tree":[],"storefront":"/r/serlo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/serlo/frontend/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}