Oberion creates a stylish website for your video game.
Oberion requires you to have a Steam Store page with content about your game. Take a look at https://oberion.io/preview to see how your website will look like with your current Steam Store page.
- Make your Steam Store page beautiful and interesting for gamers.
- all the website content comes from your Steam page
- GIFs in your description make your website feel more alive
- include cool screenshots
- have a nice gameplay trailer with to catch attention within seconds
- coming soon
Everything you need to build your own website!
This is a Gatsby project written in JavaScript and React. Conventional CSS and styled-components is used for styling. GraphQL is used for querying the content. Node.js builds the static site once before deployment.
The best way is to customize your Steam page in Steamworks. Trigger a redeploy and the changes from Steam are automatically merged into your website.
The easiest way is to define your own custom styles in the styles.css file like this:
body {
background: black;
margin: 0;
width: 100%;
font-family: "Roboto", Arial, sans-serif;
/* --- custom styles --- */
background: MidnightBlue;
}
This way your custom styles are applied without breaking our default styles. CSS uses attributes that are specified later with higher priority. If you delete or replace the default styles you might encounter merge conflicts when we update this project.
Redeploying will not overwrite your custom styles.
This project uses React JSX and JavaScript to define the browsers HTML in the src/pages and src/components folder. If you have no experience with React it is not recommended to change the JSX code.
If you want to continue receiving content updates from your Steam page the JSX code must remain intact.
Of course! This is open source. Make the site your own.
Please be aware that https://oberion.io uses this project internally. We want to improve Oberion and this project. It is subject to change and your customizations might not work in future releases.
Directly from your Steam Store page.
Gatsby is a static site generator. Oberion uses Gatsby to create a static website made out of HTML, CSS, JavaScript, so you can host it anywhere you want.
You can use GitHub-Pages for a quick 5-minute deployment.
Or you get your own custom domain and host your website there.
Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you contribute! 💪💙
Feel free to open an issue if you have questions, encounter bugs or want to contribute with a pull request.
Pull requests should always reference an issue. Before making a pull request, please open an issue first.
Read the contribution guidelines.
Oberion 💙 open source. Build something great!
MIT license: Free for private and commercial use.
We're building the website builder for game developers at Oberion.