RFC: Responsiveness and mobile support
eric-burel opened this issue · 0 comments
Describe the problem you want to solve or enhancement you want to bring
Have Vulcan Next website to display great on mobile and make it easy to handle responsive content.
Define relevant concepts
SSR
The main difficulty with Responsivness is handling SSR, ie conditionnal rendering based on the user screen size.
The usual issue is that some element should not be displayed on mobile or desktop.
It's tempting to take the screen size into account during render, using getServerSideProps. But I'd like to introduce static-compatible patterns instead, because it is not necessary to go so far.
- Great discussion about this: vercel/next.js#13356. It is consistent with the reflexions around SSR and auth: you probably don't want to go full server side just for features like responsiveness, there are smarter alternatives.
-http://blog.lucasbin.com/2019/03/02/server-side-rendering-react-and-next-js/ (not read yet)
- https://stackoverflow.com/questions/49398004/nextjs-and-responsive-design (not read yet)
- https://nitayneeman.com/posts/combining-server-side-rendering-and-responsive-design-using-react/ (not read yet)
PWA support
Probably easy/well documented with Next?
Describe your solution
Implement a responsive page demo? Make Vulcan Next a PWA
Questions to the community
Seeking for mobile gurus to give a hand