template-react-ssr icon indicating copy to clipboard operation
template-react-ssr copied to clipboard

Real-World example: What do you need?

Open rherwig opened this issue 8 years ago • 13 comments

Hey everyone,

since we plan on creating a real-world example for a PWA using this React 16, it would be great to know, what features you desire in a real-world example. Please suggest features here.

The first ones I can think of are:

  • All features of the regular master (SSR, webpack, ESNext)
  • API and react-router along with some mock requests
  • PWA features like app manifest and service worker
  • Maybe a self signed certificate with HTTP2?

rherwig avatar Feb 05 '18 17:02 rherwig

These all sound good. One of the top of my head would be adding somethhing like react-helmet for

tags, page titles etc, useful for seo if you're using the stack for a landing page.

crabbits avatar Feb 22 '18 10:02 crabbits

Also maybe some tests, I usually use a mix of mocha, chai and enzyme.

crabbits avatar Feb 22 '18 10:02 crabbits

Never saw helmet before. I'm gonna take a look.

As far as testing goes, I used jest and enzyme for most of my react apps. But anyways, testing examples sound great.

rherwig avatar Feb 22 '18 20:02 rherwig

Any news for React Helmet implementation?

rachmawatiafrida avatar Apr 22 '18 04:04 rachmawatiafrida

No progress so far, as I was kinda busy the last few weeks. I will create a dedicated issue for that and implement in the upcoming days

rherwig avatar Apr 22 '18 16:04 rherwig

Not sure if this is way out of scope of what you're asking, but basically I'm wanting a fully featured out of the box PWA with:

  • Authentication
  • Protected routes
  • Dynamic social media sharing tags
  • Forms
  • Blur in images

dwjohnston avatar Nov 17 '18 03:11 dwjohnston

I am actually working on a "real" PWA example right now.

Forms, progressive images and routing is definitely part of it! However, auth and social sharing might be difficult to provide for a "ready to use" template project, since they either involve database access and/or personal API tokens.

rherwig avatar Nov 24 '18 06:11 rherwig

What's your deployment/hosting philosophy? I'm currently playing around with Kubernetes and container based microservices - but I'm finding it's probably way too complicated compared to something like Heroku.

dwjohnston avatar Nov 25 '18 05:11 dwjohnston

I'm not really sure... on the one hand, docker seems really nice. But there are lots of things to consider - like handling container restarts, clustering, ... Service like firebase and/or heroku work for me, but I tend to self-host my apps, using docker for development and ansible for deploying (but without the container).

rherwig avatar Dec 05 '18 22:12 rherwig

I am kinda stuck with how to deploy the app I have built on top this. :( I am trying with firebase hosting. Any suggestion?

subhendukundu avatar Jan 21 '19 19:01 subhendukundu

I am kinda stuck with how to deploy the app I have built on top this. :( I am trying with firebase hosting. Any suggestion?

I build this as a docker image - and deploy the docker image somewhere. He is an example application that does this: https://github.com/dwjohnston/tinymassive-demo/tree/master

dwjohnston avatar Jan 21 '19 23:01 dwjohnston

Using a docker container is generally a good approach. However, I would suggest to use pm2 instead of the pure node executable.

rherwig avatar Feb 01 '19 13:02 rherwig

What about the Install button? :D

Markkos89 avatar Nov 18 '20 06:11 Markkos89