Skip to content

Conversation

@perborgen
Copy link
Contributor

This PR adds a ScrimbaLink component and uses it to integrate relevant tutorial links into the docs, as discussed with and agreed by @yyx990803 .

Here are the locations of the links:

  • Getting Started page
  • Features (TypeScript and Static Assets sections)
  • Env Variables and Modes
  • Building for Production
  • Configuring Vite
  • Using Plugins
  • Server-Side Rendering

Add a ScrimbaLink component and integrate 8 tutorial links into the docs:
- Getting Started page
- Features (TypeScript and Static Assets sections)
- Env Variables and Modes
- Building for Production
- Configuring Vite
- Using Plugins
- Server-Side Rendering
@sapphi-red sapphi-red added the documentation Improvements or additions to documentation label Jan 23, 2026
Copy link
Member

@sapphi-red sapphi-red left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As a heads-up, we are planning to update the template within the next month (#21425), so it may be a good idea to make further updates to the lesson after that.


Vite supports importing `.ts` files out of the box.

<ScrimbaLink href="https://scrimba.com/intro-to-vite-c03p6pbbdq/~0t6?via=vite" title="TypeScript in Vite">Watch an interactive lesson on Scrimba</ScrimbaLink>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems this lesson is outdated. vite-env.d.ts is not included in the template any more as we now include the equivalent in tsconfig.json.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Got it, then I'll wait with this link until we've updated the underlying scrim.

perborgen and others added 2 commits January 23, 2026 15:28
Co-authored-by: 翠 <green@sapphi.red>
- Move config ScrimbaLink below --config code block
- Move env-and-mode ScrimbaLink below Example block
- Remove outdated TypeScript ScrimbaLink
- Move scaffolding ScrimbaLink from ssr.md to index.md

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@perborgen
Copy link
Contributor Author

Thanks for the feedback @sapphi-red ! I've implemented all your requested changes. Let me know how it looks :)

Copy link
Member

@sapphi-red sapphi-red left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you!

@sapphi-red sapphi-red merged commit 2c00fa9 into vitejs:main Jan 26, 2026
13 checks passed
sapphi-red added a commit that referenced this pull request Jan 26, 2026
Co-authored-by: Per Harald Borgen <perharaldborgen@MacBook-Pro-2.local>
Co-authored-by: 翠 <green@sapphi.red>
Co-authored-by: Per Harald Borgen <perharaldborgen@MacBook-Pro-2.lan>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants