Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/stream-pi/website

Stream-Pi website made in React with Typescript, Bootstrapped with NextJS
https://github.com/stream-pi/website

bootstrap nextjs react reactjs sass stream-pi typescript website

Last synced: 8 days ago
JSON representation

Stream-Pi website made in React with Typescript, Bootstrapped with NextJS

Awesome Lists containing this project

README

        


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:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

Second, once you are ready you can check out [CONTRIBUTING.md](https://github.com/stream-pi/Website/blob/master/CONTRIBUTING.md) for information on how to contribute.