H5YR website build with Umbraco 10 - https://h5yr.com
- .NET 6 SDK
- Node.js v18+
- Clone down this repo
- Install frontend dependencies (
cd frontend && npm i
) - Spin up the site using IIS Express or Kestrel
- Create a new local DB, SQLLite is fine for this
- On first run against the new database, an Umbraco migration will be performed to add an additional custom 'PostCount' table for storing post counts.
- Log in to the back office and run uSync from the Settings section - import everything
- Refresh the content node and a Home node should appear. If it doesn't, log out and log back in again.
The Mastodon API is open for reading on the Umbraco Community instance (umbracocommunity.social), so no further configuration or keys are needed to read posts in from the API.
Vite is used on this project to automatically build assets for use with the backend when the project is run, however in most cases it is unlikely a full understanding of how it functions will be required and it will just work out of the box.
Edits should be made to files in the 'frontend' folder as needed, in particular using the '/frontend/all.js' file for JavaScript and the SASS includes underneath the /frontend/css subfolders for CSS.
When the project is run, either using Visual Studio in Debug Mode, or via the dotnet run
command, a console window for Vite will automatically load in the background. No interaction is needed with this and after a few seconds, it should compile styling and apply it to the backend site in a browser automatically.
On some occasions when starting from Visual Studio this may crash. This can usually be identified by the styling not being auto-applied leaving an unstyled website, with a subsequent refresh of the browser then returning a '502 the server was shut down' error message. In this case, it can often be resolved via a restart, but if it persists by using the dotnet run
command line method instead.
If you'd like a free badge for your holopin collection - Grab it