Docs: Add a Vite Getting Started guide

[julien-deramond]

Warning
This is heavily a WIP. It is pushed unfinished in order to be able to co-write it with the core team.
I've never tried Vite yet so it will be interesting :) Don't hesitate to contribute to this PR ;)

Based on the rewrite of Webpack and Parcel Getting Started guides, let's create a Vite guide.

Pre-requisites

• Rewrite Parcel guide #36411 must be merged
• Rewrite Webpack guide #36382 must be merged

Tasks

• Compare the content with Rewrite Parcel guide #36411 and Rewrite Webpack guide #36382 to get back the modifications here for consistency
  • Study if things can be reused between the three guides (images, markdown, etc.)
• Finish the guide by improving the first part
  • Check if it is not better to start the guide by npm create vite@latest my-project -- --template vanilla
  • Are some loaders not missing?
• Finish the guide by writing the second part
• When the guide is considered OK
  • Provide twbs/examples repository (see Add Vite example examples#2)
    • Maybe the index.html needs to be updated for Parcel and Webpack ton include Vite reference
    • In those example, having links to 5.2 isn't too hard to maintain?
  • Provide the example in StackBlitz
  • @mdo 🙏: Create specific Vite images (x3) and compress them
• Could be interesting to have a vite.new/bootstrap?
• Provide an answer to How to use Bootstrap 5 with Vite? #36121

Live preview

[mdo]

Pushed updated images for the header and the server screenshots. Also took a quick run through this and it was all set up without issue. Lovely!

Let me know if you need access to the twbs/examples repo to add this yourself or if I should after you're done :).

[mdo]

@XhmikosR Anynchance you can check out the Calibre action settings to see if we can automate your compression settings?

[XhmikosR]

@mdo I'll have a look later, but I doubt it can match my config since I'm running numerous tools. BTW that action should have landed in a separate PR.

[mdo]

@mdo I'll have a look later, but I doubt it can match my config since I'm running numerous tools. BTW that action should have landed in a separate PR.

😁👍🏻

[julien-deramond]

Let me know if you need access to the twbs/examples repo to add this yourself or if I should after you're done :).

Done it in twbs/examples#2. StackBlitz example is not yet done.