All Projects → lukeed → Preact Cli Ssr

lukeed / Preact Cli Ssr

Licence: mit
A quick demo for adding SSR to a Preact CLI app

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Preact Cli Ssr

Ssr
React Server-Side Rendering Example
Stars: ✭ 226 (+197.37%)
Mutual labels:  express, ssr
preact-server-renderer
Server side rendering of preact components
Stars: ✭ 66 (-13.16%)
Mutual labels:  preact, ssr
Next Go
Production ready blog + boilerplate for Next.js 3.X
Stars: ✭ 254 (+234.21%)
Mutual labels:  express, ssr
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (+128.95%)
Mutual labels:  express, ssr
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+325%)
Mutual labels:  express, ssr
Crate
👕 👖 📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
Stars: ✭ 2,281 (+2901.32%)
Mutual labels:  express, ssr
preact-polka-ssr
Preact SSR using Polka
Stars: ✭ 27 (-64.47%)
Mutual labels:  preact, ssr
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+52.63%)
Mutual labels:  express, ssr
React Storefront
React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]).
Stars: ✭ 292 (+284.21%)
Mutual labels:  ssr, preact
React Storefront
Build and deploy e-commerce progressive web apps (PWAs) in record time.
Stars: ✭ 275 (+261.84%)
Mutual labels:  ssr, preact
React Wp Rest
A boilerplate for pairing the WP Rest API with a server-rendered React app
Stars: ✭ 167 (+119.74%)
Mutual labels:  express, ssr
Angela
🙂angela (安其拉):react ssr router redux; react同构框架
Stars: ✭ 15 (-80.26%)
Mutual labels:  express, ssr
React Fondue
⚛ ReactFondue is minimal React boilerplate with support for code splitting, hot module reload and server side rendering.
Stars: ✭ 146 (+92.11%)
Mutual labels:  express, ssr
React Ssr News
Server Side Rendering for React demo project
Stars: ✭ 213 (+180.26%)
Mutual labels:  express, ssr
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (+53.95%)
Mutual labels:  express, ssr
personal-website
Personal website – made with Next.js, Preact, MDX, RMWC, & Vercel
Stars: ✭ 16 (-78.95%)
Mutual labels:  preact, ssr
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (+13.16%)
Mutual labels:  express, ssr
Netlify Functions Express
How to use Netlify functions + express.js for serverside rendering on the JAMStack
Stars: ✭ 105 (+38.16%)
Mutual labels:  express, ssr
Nextjs Redux Starter
Next.js + Redux + styled-components + Express = 😇
Stars: ✭ 257 (+238.16%)
Mutual labels:  express, ssr
Kite
🌴 Kite 前台页面是vue ssr服务端渲染、后台页面是react spa、服务层nodejs express、mysql编写的一套多权限文章、动态管理系统
Stars: ✭ 455 (+498.68%)
Mutual labels:  express, ssr

Preact CLI SSR Demo

A quick demo that illustrates how to add SSR to a Preact CLI app

This demo was built with preact-cli, using the default template.

It's powered by an Express server with gzip compression... nothing special there.

Because of how preact-cli produces the build directory, the server must respect static/file requests first. This also means that your build/index.html will always be served on the / request. This isn't a bad thing, it's just something to be aware of!

Important: This server behaves exactly like Preact CLI's prerendering. This means that if you (or your libraries) have references to window or document, you must wrap them in conditional statements or include a shim.

Install

$ git clone https://github.com/lukeed/preact-cli-ssr
$ npm install
$ npm run build
$ npm start

License

MIT © Luke Edwards

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].