Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ponomarevlad/lit-ssr-vercel
🔥 @Lit SSR Template for @Vercel
https://github.com/ponomarevlad/lit-ssr-vercel
lit lit-element ssr template vercel
Last synced: 3 months ago
JSON representation
🔥 @Lit SSR Template for @Vercel
- Host: GitHub
- URL: https://github.com/ponomarevlad/lit-ssr-vercel
- Owner: PonomareVlad
- Created: 2022-05-02T14:02:49.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-06-16T22:10:28.000Z (over 1 year ago)
- Last Synced: 2023-06-16T23:20:21.975Z (over 1 year ago)
- Topics: lit, lit-element, ssr, template, vercel
- Language: JavaScript
- Homepage: https://Lit-SSR-Template.Vercel.app
- Size: 135 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Lit SSR Template for Vercel
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FPonomareVlad%2Flit-ssr-vercel&project-name=lit-ssr&repo-name=lit-ssr-vercel)
[Live demo](https://lit-ssr-template.vercel.app)
### Variants
- [With Edge Runtime](https://github.com/PonomareVlad/lit-ssr-vercel/tree/edge) 🔥
- [With async component](https://github.com/PonomareVlad/lit-ssr-vercel/tree/async)
- [With async component that fetch data at server-side](https://github.com/PonomareVlad/lit-ssr-vercel/tree/async-preload)
- [With true isomorphic async component that can hydrate async data](https://github.com/PonomareVlad/lit-ssr-vercel/tree/async-hydration) 🔥
- [With true isomorphic async component in Edge Runtime](https://github.com/PonomareVlad/lit-ssr-vercel/tree/async-edge) 🔥
### Run locally
Install Vercel CLI
```bash
npm i -g vercel
```
Then run local dev server
```bash
vercel dev
```
Now you can make some changes in [components/my-component.mjs](components/my-component.mjs)
### Template structure:
- [api/index.mjs](api/index.mjs) — Server-side endpoint function
- [includes/head.html](includes/head.html) — Inner `` content
- [includes/footer.html](includes/footer.html) — Before `` content
- [includes/importmap.json](includes/importmap.json) — Import map for builder-less modules