mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-08 21:15:18 +09:00
## Description ### Todos - [x] - Expand support: `ssg` and `ssg-(netlify|vercel)` differ by only one file. This expansion allows a single external template to apply to multiple internal uses (previously hardcoded in prebuild, see `defaults`). - [x] - Add & test ssg-vercel and ssg-netlify constants.mjs templates to support image optimizations. ## Steps for reproduction ```bash cd ./fixtures/ssg pnpm cli build --template ssg-netlify --template internal --preview && pnpm prettier --write . pnpm build ``` then drag drop on netlify and see the result [example](https://66a9d3c5c6bb86681c6611e4--inspiring-liger-df7a81.netlify.app/) ```html <img alt="" width="14" height="16" src="/.netlify/images?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=32&q=80" class="w-image c161qeci" sizes="100vw" srcset="/.netlify/images?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=16&q=80 16w, /.netlify/images?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=32&q=80 32w" decoding="async" loading="lazy"> ``` ```bash cd ./fixtures/ssg pnpm cli build --template ssg-vercel --template internal --preview && pnpm prettier --write . pnpm build ``` Upload to https://github.com/webstudio-is/ssg-vercel-test/tree/main See vercel deployment [example](https://ssg-vercel-test-r0a778rpj-getwebstudio.vercel.app/) ```html <img alt="" width="14" height="16" src="/_vercel/image?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=32&q=80" class="w-image c161qeci" sizes="100vw" srcset="/_vercel/image?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=16&q=80 16w, /_vercel/image?url=%2Fassets%2Ficonly_svg_converted-converted_zMaMiAAutUl8XrITgz7d1.svg&w=32&q=80 32w" decoding="async" loading="lazy"> ``` ## Code Review - [ ] hi @kof, I need you to do - conceptual review (architecture, feature-correctness) - detailed review (read every line) - test it on preview ## Before requesting a review - [ ] made a self-review - [ ] added inline comments where things may be not obvious (the "why", not "what") ## Before merging - [ ] tested locally and on preview environment (preview dev login: 5de6) - [ ] updated [test cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md) document - [ ] added tests - [ ] if any new env variables are added, added them to `.env` file