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: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/stream-pi/website
• Owner: stream-pi
• License: gpl-3.0
• Created: 2020-12-05T16:18:15.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-05-14T02:45:05.000Z (about 4 years ago)
• Last Synced: 2025-04-05T09:11:09.948Z (about 1 year ago)
• Topics: bootstrap, nextjs, react, reactjs, sass, stream-pi, typescript, website
• Language: TypeScript
• Homepage: https://stream-pi.com
• Size: 4.59 MB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          




# 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.