Hello world :)
Here you can find quick tips and tutorials about web development and game development created with ❤️ by DasPeTe.
41 tutorials · 5 series · English and German
Choose your path
Quest lines
CMS
Your Portfolio With Manablox
Build a portfolio website with the Manablox CMS: first without code, then with your own Astro frontend, and finally online with your own domain.
Beginner7 parts
Backend
A Fast GraphQL API With Fastify and Yoga
Build a GraphQL API in TypeScript with Fastify and GraphQL Yoga, and make it fast: DataLoader, live subscriptions across instances with Valkey, a response cache and query limits.
Intermediate8 parts
Browser Games
A First-Person Controller in Babylon.js
Build a first-person controller in TypeScript with Babylon.js, Havok and Vite that walks, runs, jumps, crouches and climbs ladders, ledges and walls, with a camera that feels right.
Intermediate11 parts
Browser Games
Pong in TypeScript
Build the classic from an empty folder to a finished two-player game, with no engine and no libraries.
Beginner2 parts
Unity
Inventory System
Build an inventory system in Unity: items as ScriptableObjects, one generic inventory for every kind of item and a UI Toolkit bar that keeps up with it.
Intermediate2 parts
Latest quests
Rootless Docker: Run Docker Without Root on Linux
Install Docker on a Linux host so that the daemon and every container run as your own user instead of root, and learn the few things that work differently.
Beginner25 min
Part 7: Put Your Portfolio Online
Rent a server, point your domain at it, and run the CMS, the public API and your Astro site there with Docker and automatic HTTPS.
Intermediate45 min
Part 6: Gallery, Contact and the Finishing Touches
Style the remaining sections, add a field to a content type for a contact button, describe your pages for search engines and build the site for production.
Beginner40 min
Part 5: Layout, Hero and Project Cards
Give the Astro site a layout with header and footer, a big hero, project cards with covers and a proper project page.
Beginner40 min
Part 4: Your Own Frontend With Astro
Read your content through the public API, create an Astro website that shows it, and switch the space over to your own frontend.
Beginner30 min
Part 3: Fill the Portfolio With Your Work
Upload pictures, turn the example projects into your own, edit the sections of your pages, and give the site your name and colors.
Beginner35 min