问题标签 [jamstack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
nginx - 使用 Nginx 提供基于变量的不同页面
我有一个nuxt generate
带有 i18n 的 d JAMStack 网站。生成的页面位于en
和ru
文件夹中。我正在计算用户的语言环境并从相应的文件夹中提供内容:
俄文首页位于/ru/index.html
,但英文版没有这样的页面,我想/en/archive/index.html
为GET /
if $lang
is提供服务'en'
。
我该怎么做?
javascript - 在 Next.js 中模仿 react-router-dom 嵌套路由
我试图从 react-router模仿这个例子。我挖掘了一些关于 GH 的问题,但似乎不可能。但是,与此同时,这不是 Web 应用程序中基本/常见的东西吗?我错过了一些明显的东西吗?
我目前的结构是:
会话页面有一个我想在[sid].js
页面上更新的主题列表。但是,我尝试的所有内容都只是导航到[tid].js
. 我已经尝试使用<Link>
with replace 但这并没有达到我想要的效果,因为我仍然想要历史记录中的项目。我试过router.push
了,但我在同一条船上,真的很想使用一个<a>
元素。
reactjs - 如何使用 api 和数据库中的任何更改重建我的 Gatsby 项目?
我从 rest api 获取数据,我想通过 api 和数据库中的任何更改再次自动重建并获取新数据
请帮我..
aws-lambda - 如果我可以从客户端安全地访问数据,为什么 JAMStack 应用程序需要无服务器功能?
JAMStack 人们正在使用 Netlify/Zeit(或 AWS Lambda)函数来访问他们的数据库。但是有像 Firestore 这样的云数据库,您可以安全地直接从您的网络/移动应用程序访问它们,如此处所述。那么为什么人们不将数据访问逻辑也嵌入到他们的客户端应用程序中呢?为什么他们需要额外的无服务器功能层?
reactjs - 如何在 nextjs 的预渲染静态生成页面中获取更改的数据
如果我使用 nextjs 预渲染静态生成页面,那么未来更改的数据呢?假设我使用电子商务产品详细信息页面或假设我将此静态生成用于博客文章。如果明天产品价格将发生变化或博客文章将被编辑,那么如何获取此更新数据。我应该再次在服务器中构建项目吗?
浏览 nextjs 文档,我发现有一些可用的渲染类型 -
- 预渲染静态生成
- 没有外部数据的静态生成
- 使用外部数据进行静态生成。这里在构建时使用了一些外部 api 来获取数据
- 服务器端渲染。
在我上面的问题中,我谈到了第 1.2 点中提到的方式,我问如果数据会在构建后更改,那么如何获取它。
是否有可能在不重新构建服务器的应用程序的情况下获取更新的数据?
我害怕使用第 2 点,因为它可能会更慢。我认为我目前的纯反应应用程序比这种方式更快。
search - Algolia:如何只在文本字段中检索第一次出现的搜索查询?
我正在使用 Algolia 将搜索添加到我的 JAMStack 网站。但是,我的网站有一些高级内容,我希望它们是可搜索的,同时对用户保持隐藏。我可以通过将属性添加到可搜索字段并将其从检索到的属性中删除
来实现类似的功能。body
这样,Algolia 仍然会在正文中搜索查询的出现,而不会将它们暴露给用户。
但更优选的行为是用户能够在检索到的正文中看到他搜索的内容的一两次出现,但不能看到优质内容的整个文本。
例如,假设我们的索引中有以下实体:
现在,如果我使用文本“i”查询 algolia API,algolia 响应如下所示:
但我希望它返回的是以下内容:
我知道可以使用代码片段完成类似的操作,但如果您密切注意,body 字段也会从命中主体本身中删除,因此完整的主体永远不会发送给客户端。客户可以在内容本身保持未公开的情况下搜索优质内容。
如何使用 Algolia API 实现这一目标?
single-page-application - JAMstack 应用程序和 SPA 有什么区别
这可能是一个愚蠢的问题,但我现在才刚刚开始从事 Web 开发,而且我对 JAMStack 尤其陌生。
我已经阅读了一些内容,据我所知,基本上在 JAMStack 中,我们将所有内容都提供给前端应用程序,因此 Javascript 可以像我们的操作系统一样并通过 API 世界获取所有内容。
虽然,这在我看来有点像 SPA 的工作方式。我们通过 API 获取我们想要的内容并相应地重新渲染页面的某些部分。
我在这里想念什么?谁能指出我正确的方向并比较这两者的不同之处以及这种差异的优点/缺点是什么?
谢谢
javascript - Jamstack/Nuxt.js:我可以在 json 中包含 Vue 组件吗?
我知道我可以用来frontmatter-markdown-loader
在 Markdown 文件中允许 Vue 组件。但是,对于我的文章存储在 JSON 中的场景,是否有类似的解决方案?
例如,以下适用于frontmatter-markdown-loader
:
现在,对于我的文章存储在 JSON 文件而不是 .md 文件的情况,是否有类似的解决方案?
navigation - Gatsby + Kontent - 导航和面包屑
更新
深入挖掘 Gatsby 文档,我发现了一些潜在的解决方案:
- https://www.gatsbyjs.org/packages/gatsby-plugin-breadcrumb/#breadcrumb-props
- https://www.gatsbyjs.org/docs/creating-dynamic-navigation/#using-the-header-component-to-display-the-navigation
仍在修改我在 Kontent 中的内容类型并找出 GraphQL 位。
==============
原来的:
我正在从更传统的开箱即用 CMS 解决方案过渡到使用 JAMStack 和无头 CMS。
在与 Gatsby 和 Kontent 一起尝试构建迁移的概念证明时,我陷入了如何生成导航和面包屑的问题上,而传统的 CMS 内容层次结构我认为这是理所当然的。
我已经阅读了一些文章并逐渐了解使用内容类型构建导航的概念。
它是如何从原本扁平的内容层次结构中组合起来并生成链接的?
例如 www.example.com/some/deep/linked/page
谢谢
reactjs - 安装插件后 Gatsby 站点中断
安装 gatsby 插件时遇到问题。
我的设置:
当我尝试从 Gatsby 库安装插件时,我在安装插件后收到此错误消息:
错误:无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一发生:
- 你可能有不匹配的 React 版本和渲染器(例如 React DOM)
- 您可能违反了 Hooks 规则
- 您可能在同一个应用程序中拥有多个 React 副本,请参阅 fb.me/react-invalid-hook-call 以获取有关如何调试和解决此问题的提示。
我的深度树有问题吗?