stream-pi / website

Stream-Pi website made in React with Typescript, Bootstrapped with NextJS
https://stream-pi.com
GNU General Public License v3.0
8 stars 0 forks source link
bootstrap nextjs react reactjs sass stream-pi typescript website
Stream-Pi and React Logo # Stream-Pi Website [![Package.json Version](https://img.shields.io/github/package-json/v/stream-pi/website/master?label=Release&style=shield)](https://github.com/stream-pi/website/blob/master/package.json#L3) [![Website Upstatus](https://img.shields.io/website?down_message=offline&label=Status&style=shield&up_color=green&up_message=online&url=https%3A%2F%2Fstream-pi.com)](https://stream-pi.com) [![Discord](https://discordapp.com/api/guilds/582313435149238295/widget.png?style=shield)](https://discord.gg/BExqGmk) [![Matrix](https://img.shields.io/matrix/stream-pi-general:matrix.org?label=Matrix&style=shield)](https://matrix.to/#/!hTwUYZonUXThjkMhCD:matrix.org?via=matrix.org) [![Become a patron](https://img.shields.io/badge/dynamic/json?color=%23e85b46&label=Donate&query=data.attributes.patron_count&suffix=%20patrons&url=https%3A%2F%2Fwww.patreon.com%2Fapi%2Fcampaigns%2F5789155&style=shield)](https://www.patreon.com/streampi) *This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).*

Originally the Stream-Pi website was made with static HTML, and PHP. With the release of Stream-Pi 1.0.0 (now 2.0.0) we thought a redesign was in order to make things more modern. So the site was rebuilt from the ground up using react, typescript, and nextjs.

React brings the Stream-Pi website into the modern era of web development and offers a faster, more robust experience for the end user. NextJS builds upon this with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. without the need for additional configuration.

It'll also in general just be easier to maintain.

How Can I Contribute?

First, it is recommended that you read up on NextJS if you don't know a lot about it.

To learn more about Next.js, take a look at the following resources:

Second, once you are ready you can check out CONTRIBUTING.md for information on how to contribute.