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: about 1 month 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

[![Deploy with Vercel](https://vercel.com/button)](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