使用Gatsby为PWA设置特定页面的最佳方法是什么? 我的问题如下:在此站点中有一个网站/博客,我有用于展示我的产品的页面(商业页面),列出博客文章的页面以及这些文章的模板页面。 我想为网站添加PWA支持,但我希望PWA仅列出文章和文章的页面模板,但设计和导航不同。
我想到了两种解决方案: 第一种是在PWA的起始URL中添加参数pwa = true,然后在页面之间以及页面的各个组件中传递该参数,以获取参数的值,并使该组件根据该值进行不同的呈现。
第二个方法是在gatsby pages文件夹中为pwa特定页面创建子文件夹pwa。 该网站的结构如下:
/
:主页/blog
:网络版本中的文章列表/pwa/
:我的pwa的起始网址和主屏幕/pwa/blog
:列出pwa中文章的屏幕。 在这种情况下,我应该为文章的详细信息页面提供两个模板,一个用于网络版本,一个用于pwa版本。我还应该为pwa的所有页面建立索引,以避免重复的内容。
您认为什么是最好的解决方案,或者如果您有其他解决方案,我会接受。 附言:Web版本已经可以响应了,我希望设计尽可能接近移动应用程序的体验,这就是为什么我想要特定的页面和组件。
谢谢