This is a GitHub Template repo - that when new repos are created from this template will trigger a GitHub Actions build and scaffold the necessary files to have a project ready to work with for Umbraco v14+ package development
- Click the Use this Template button from the GitHub repo page here and select Create a new repository.
- Alternatively follow this link and give your new repoistory a name
- GitHub Actions immedaitely run and peform steps to setup an Umbraco project ready for package development
- You can see each indvidual step to follow along to see what it is doing on your behalf
- Commits the changes to the main branch
- Disables the GitHub Action so it never runs again
| Project | Notes |
|---|---|
| REPO.Website | This project is an sample Umbraco site that allows you to easily test the site |
| REPO.Now | This is an RCL that the client project will copy files into wwwroot. This projects can be used to write any C# code such as APIControllers |
| REPO.Client | Open this folder with VSCode editor and start working with the TypeScript files to extend Umbraco backoffice |
- Clone the repository down to your local machine
- Open the Solution file with Visual Studio or Jetbrains Rider
- Build the Solution
- Run the Website project
- Install Umbraco with a user and preferred database type
- Once logged into the backoffice, open your browser dev tools and notice the hello world message in the console
- Ensure NodeJS is installed - recommend using 20.x LTS version
- Navigate to the
Clientfolder - Run
npm install - Run
npm run watchVite is now watching the TypeScript files - Ammend the index.ts file and update the comment of the console.log
- Watch as the page will reload and your new message appears in the console
- Go forth and happy hacking
Lovingly crafted for you by Warren Buckley❤️
Available for hire