Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 2 months 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 (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-14T02:45:05.000Z (over 2 years ago)
- Last Synced: 2023-03-05T03:18:42.190Z (almost 2 years ago)
- Topics: bootstrap, nextjs, react, reactjs, sass, stream-pi, typescript, website
- Language: TypeScript
- Homepage: https://stream-pi.com
- Size: 4.59 MB
- Stars: 9
- Watchers: 3
- 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.