This project contains the slides for my talk titled Web 101 with ❤️ from a Web-Dev for 3D Printing Pros on 2025-05-22 at the Printed Europe 2025 conference in Amsterdam.

The presented, repository and documentation language is English.

You can find pre deployed slides here, so that you can view them without the need of pulling the code and setting the project up yourself:
https://talk-2025-05-22-printed-europe-conference.vercel.app/

1. execute a git pull
2. open project in VSCode
3. If you work with VSCode via remote software:
   • {Ctrl}+{Shift}+{P} -> >Preferences: Open Settings (UI) -> search for keyboard.dispatch and set it to keyCode
   • Restart or reload VSCode.
4. Install recommended extensions/ plugins:
   • Open Extensions menu in VSCode ({Ctrl}+{Shift}+{X})
   • type in the search @recommended
   • install and enable the plugins
   • see file .vscode/extensions.json for configuring some of the extensions
   • Restart or reload VSCode.
5. In VSCode on the bottom left click your profile image and log in all services (GitHub due to VSCode extensions, ...)
   If the browser to VSCode callback fails (e.g. due to remote working on a VM), wait for the login popup on the bottom right to timeout (ca. 5 minutes) and then on the upcoming popup question
   You have not yet finished authorizing [...] Would you like to try a different way? (local server) click Yes and use this alternative login mechanic.
6. [Currently not needed in this project] Duplicate .env.example as .env and set the environment variables.
7. Install dependencies: pnpm i --frozen-lockfile
8. Happy coding <3

# dev run
pnpm run dev[:network]
# you get (with set `:network` it will be open in your network; otherwise only local):
# - public slide show   > http://[localhost/IP]:3030/
# - presenter mode      > http://[localhost/IP]:3030/presenter/

# build
pnpm run build

# export
pnpm run export

This project uses lint also for formatting. Read why Prettier is not used for every file type by antfu.

This project uses antfu/eslint-config for eslint most of the files.

Keep in mind that the plugin names are renamed, see Plugins Rename, e.g.:

-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+// eslint-disable-next-line ts/consistent-type-definitions
type foo = { bar: 2 }

This project uses the following icon collections in descending order, try sticking to them and use from top to bottom. Tipp: Favorite them and use the search over all item collections at once: https://icon-sets.iconify.design/?list=favorite

• Slidev
  • documentation
  • themes

Will use the build command out of /package.json.
Building, deploying and hosting is done via Vercel.

• Thorsten Seyschab as Project Founder & Lead.

Special Thanks:
(People who provided valuable help on specific topics or issues)

• [currently none]

Helpful Projects:
(Projects that provided valuable inspiration or resources.)

• My own talk titled Playing with 3D on the Web & Beyond that was held on 2025-04-08 at the Dev Day 2025 conference in Dresden was the foundation of this project. See the project code here: https://github.com/toddeTV/talk-2025-04-08-dev-day-conference

Additional Tools:
(excluding those listed in ./package.json)

• GitHub Copilot was used in private mode for programming questions.
• excalidraw was used for sketching & drawing images.

Assets & Materials Used:
(including images & 3D models; mostly only those requiring attribution)

• Portrait from Thorsten Seyschab by Franziska Kestel.
• Logo for ThreeJS from https://discourse.threejs.org/t/three-js-svg-logo/21835.
• Logo for WebGL from https://en.m.wikipedia.org/wiki/File:WebGL_Logo.svg.
• Image Dagoma-Neva-Magis-6779-1.png from https://www.aniwaa.com/product/3d-printers/dagoma-neva-magis/.
• Image MK3_NEF_500px-1.png from https://help.prusa3d.com/de/product/mk3s.
• Image Math_Lady_meme.jpg from https://en.wikipedia.org/wiki/Math_Lady.
• Model 3D Benchy/Benchy from https://www.printables.com/model/3161-3d-benchy
• Demo of Website https://zlig.net.
• Demo of Website https://bruno-simon.com/ including screenshot of og-image.

Copyright (c) 2025-present, Thorsten Seyschab

This project, including original code and models, is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License (CC BY-NC-SA 4.0). Under this license, others are allowed to remix, adapt, and build upon this work non-commercially, provided they credit the project founder and license any derivative works under the same terms.

Please note that this license applies only to the original content authored by the project’s creators. Third-party libraries, assets, 3D models, and other materials utilized in this project are listed under "Attribution/ Contribution" above and remain the property of their original creators, licensed under their respective terms.

The project founder reserves the right to modify the terms of this license or to offer different licensing arrangements for specific use cases.

For the full license text, please see the LICENSE file.

If you are interested in discussing a different licensing arrangement for individual use cases, please feel free to reach out. Custom licensing may be available, but it is not guaranteed.