lukeed / preact-cli-ssr Goto Github PK
View Code? Open in Web Editor NEWA quick demo for adding SSR to a Preact CLI app
Home Page: https://preact-cli-ssr.now.sh/
License: MIT License
A quick demo for adding SSR to a Preact CLI app
Home Page: https://preact-cli-ssr.now.sh/
License: MIT License
Hi, @lukeed, once any of the routes are rendered for the first time the content would flicker, especially on smaller networks.
Is there any way to fix this issue?
hello sir,
i am working on a project which is based upon this repo I have additional package unistore and i warap it into index.js
`let store = createStore(initialState)
if(typeof window !== "undefined"){
store = (window.STATE && window.STATE !== "==InitialState==") ? createStore(window.STATE) : createStore(initialState)
}
const App = ({url, Serverstore}) => {
let Finalstore = (Serverstore && typeof Serverstore !== "undefined") ? Serverstore : store
return(
)
}
export default App`
in my server.js I have added
let store = createStore(initialState) let state = store.getState() let body = render(h(App, { url: req.url, Serverstore: store }))
initial state on the server side and client side are same. when I run the application on development server it's run smoothly. but when I deploy it on the production server it's inserted client-side app below the SSR markup only on initial rendering when I reload the app double markup removed and run as expected. please help
Hi,
I want to use preact components in server.js instead of ssr-build. Is it possible to use preact-cli for this? Or I need to write own webpack/babel configurations for that?
I have tried the starter, but couldn't manage to get the app to register SW in ssr mode. It registers SW in client only mode as expected.
Hello, is there a way to handle the <head></head>
tag dynamically(title, description, meta, etc)? Or even just set it up the first load time.
Hi, it looks like server just render home page, then route to the page which user real visit to by JavaScript in browser. Expectation is the server render the page visit to by user, some help?
let url = req.url;
let body = render(h(App, { url }));
here, body
can't get the correct page structure to which the url
points, it's designed like this or Preact bug ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.