Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dimaslz/preact-vite-ssr-ssg

Basic project to work with Preact in SSR and SSG
https://github.com/dimaslz/preact-vite-ssr-ssg

Last synced: 5 days ago
JSON representation

Basic project to work with Preact in SSR and SSG

Awesome Lists containing this project

README

        

# Preact + Vite + SSR + SSG

Experiment to use Preact in SSR

## How to run

* `yarn dev`: Work in local, default url [http://localhost:3333](http://localhost:3333)
* `yarn build`: Create distribution files.
* `yarn generate`: Create prerender statics files.
* `yarn serve`: Serve the statics files for PRODUCTION. Default url [http://localhost:3333](http://localhost:3333)

## Screenshot

![alt text](/app-screenshot.png)

## Next steps

* [ ] Fix SSG strategy.
* [ ] Add state management.
* [ ] Linter and others good practice settings

## Author

```json
{
name: "Dimas López",
role: "FullStack Software Engineer",
alias: "dimaslz",
twitter: "https://twitter.com/dimaslz",
site: "https://dimaslz.dev",
linkedin: "https://www.linkedin.com/in/dimaslopezzurita",
tags: "react, vue, angular, nodejs, mongodb, bootstraping"
}
```

## My other projects

* [https://randomdata.loremapi.io](https://randomdata.loremapi.io): API mock data (no open source)
* [https://svg-icon-2-fw-component.dimaslz.dev](https://svg-icon-2-fw-component.dimaslz.dev): SVG to Framework component (open source soon)
* [https://ng-heroicons.dimaslz.dev](https://ng-heroicons.dimaslz.dev): Use Heroicons.com in you Angular projects (open source)