Skip to content

Slides for my talk titled `Playing with Nuxt in 3D` on 2024-11-12 at the NuxtNation 2024 conference (online).

License

Notifications You must be signed in to change notification settings

toddeTV/talk_2024-11-12_NuxtNation-conference

Repository files navigation

talk_2024-11-12_NuxtNation-conference

project overview

This project contains the slides for my talk titled Playing with Nuxt in 3D on 2024-11-12 at the NuxtNation 2024 conference (online).

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://talk2024-11-12nuxtnation-conference.vercel.app/

dev

initial setup

VM ID

Development VM ID from Thorsten Seyschab for this project: 014
(Only interesting to him.)

system requirements for developing

The following softwares are required for development:
(The versions listed were the ones I most recently used for development and testing. So try sticking with them.)

software command for version output my version at last use information
Ubuntu lsb_release -a or cat /etc/os-release 22.04.4 LTS OS
Linux uname -r 5.15.0-119-generic Linux Kernel
VSCode code -v 1.93.2 IDE
nvm nvm -v v0.39.7 Node Version Manager
Node node -v (old nodejs --version) v20.16.0 NodeJS/ Node.js
npm npm -v v10.8.1
npx npx -v v10.8.1
pnpm pnpm -v v9.10.0

In the browser install:

project setup

  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. Duplicate .env.example as .env and set the environment variables:
    1. You must set the variable VITE_ZLIG_DEMO_BASE_URL with the base URL of the zlig demo branch feat/conference-2024-nuxt-nation. Therefore, you can pull this branch and use it locally (recommended!), or use the pre-build dev demo URL from the zlig PR #112 (not recommended!).
  7. Install dependencies: pnpm i
  8. Happy coding <3

scripts / commands

# 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

lint and prettier

This project uses antfu/eslint-config for eslint most of the files. The following extend it:

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 }

Why I don't use Prettier for every file type

Design

used icon collections

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

full name shorthand license note
Material Design Icons mdi Apache 2.0 (commercial use is allowed, no attribution required)
Material Line Icons line-md MIT animated icons
Ant Design Icons ant-design MIT
Simple Icons simple-icons CC0 1.0

Docs and helper websites

prod

Will use the build command out of /package.json.
Building, deploying and hosting is done via [not yet decided].

Attribution/ Contribution

Project founder & head of project:

Honorable mentions to people that helped this project:

  • [currently none]

Respectable mentions to projects that helped this project:

Used programs/ softwares, services and dependencies - besides the ones in ./package.json:

  • GitHub Copilot was used in private mode for programming questions.
  • Slidev used for creating the slides of the talk.
  • ChatGPT used for DALL-E image generation, text based questions and programming code generation.

Used assets/ materials including images and 3D models:

License

Copyright (c) 2024-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.

Need a Different License?

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.

About

Slides for my talk titled `Playing with Nuxt in 3D` on 2024-11-12 at the NuxtNation 2024 conference (online).

Resources

License

Stars

Watchers

Forks

Packages

No packages published