问题标签 [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.

0 投票
0 回答
70 浏览

node.js - 如何在 Directus 中获得动态区域,如功能(strapi)?他们说我们可以在那里使用更新的Many-To-Any

所以我使用 directus 作为我的新后端,因为随着时间的推移,strapi 出现了问题,而且速度变慢了。我从strapi中错过的几件事是动态组件/区域

示例-我们有 3 个组件 A(标题)-B(图像)-C(降价)

在一个页面/帖子上,我想要 A/C/B 的顺序,而在另一个 B/A/C 上。在strapi中它是可以实现的,但在directus中,他们说我们可以使用他们的多对任意关系类型来实现相同的功能。

关于如何实现它的任何演示?

0 投票
1 回答
44 浏览

nuxt.js - 如何定义静态页面中的哪些信息将在客户端使用 nuxt 进行水合?

我开始了解有关 Jamstack 的更多信息,但我在某些方面仍然对 SSG 中的动态内容感到非常困惑

示例:我有一个像 dev.to 这样的静态博客,但我有可以交互的用户,例如给帖子点赞,这些用户还有一个私人用户页面,其中包含一些统计信息我如何选择什么是静态的,什么是静态的用nuxt动态?在每个 nuxt 教程中,我只看到人们在任何地方都使用 AsyncData,但在这种情况下,nuxt 如何知道在构建时需要进行哪些 api 调用(博客文章),以及客户端应该进行哪些 api 调用(用户头像,喜欢, ETC)?

0 投票
2 回答
73 浏览

node.js - 如何在 Gatsby 中定义“节点类型”?

Gatsby 教程第 6 部分中,您可以找到多次提及“节点类型”:

根据 API,在创建收集路线之前,您需要确定两件事:

  • 从哪种类型的节点创建页面。
  • 在 URL 中使用该节点类型中的哪个字段。

要创建新的收集路由,请将文件命名为 file {nodeType.field}.js,其中nodeType是要从中创建页面的节点类型,并且field是要在该页面的 URL 中使用的该节点类型的数据字段。

我的目标是创建一个页面树,如:

  • index.tsx
  • blog/{article.slug}.tsx
  • projects/{project.slug}.tsx
  • tags/{tag.id}.tsx

所有文章项目标签都将是 MDX 文件,但在特定位置或 frontmatter prop 上进行查询。

我不知道如何创建我应该使用的命名节点类型,mdx{mdx.slug}.js.

我什至尝试添加一个gatsby-source-filesystem带有 a的实例name以用作类型,但它不起作用:

0 投票
0 回答
21 浏览

reactjs - 静态生成用户提交作为 NextJS 上的页面

我想创建一个食谱共享网站,用户可以在其中创建和共享食谱。我打算使用 NextJS 来静态地为食谱的主要部分提供服务,并在以后动态地加载评论。我可以在提交用户食谱时生成用户食谱(无需重建整个网站),然后使用 nextjs 或类似的东西静态地为他们提供服务吗?与从数据库动态加载食谱相比,这实际上对我有好处吗?

0 投票
1 回答
34 浏览

javascript - 我的 HTML 代码没有获取本地 javascript 文件

我正在关注一个使用 js 文件使静态页面动态化的教程,并且我逐字输入了所有内容,但是当我用浏览器打开它时,我的页面保持静态。我在同一目录中有 HTML 文件和 js 文件。

JS 和 HTML 文件

如何获取 html 文件来选择 js 脚本并随机化消息?

0 投票
0 回答
22 浏览

vue.js - Nuxt 是否可以在没有“预加载”和 payload.js 的情况下生成完整的 HTML 页面?

出于某些页面和特定原因,如果可能的话,我希望生成不依赖于 payload.js 信息的完整静态页面。原因之一是 Payload.js 似乎是有史以来为网络爬虫构建的最方便的方法,可以从单一来源窃取您的所有网站数据。

0 投票
1 回答
90 浏览

javascript - 如何在 CDN 服务器上为 vanilla JavaScript 前端开发和生产构建捆绑 npm 包?

我有一个使用 ES6 模块的普通 HTML/CSS/JavaScript 站点(存储库)。可以成功部署到 GitHub pages 和 Netlify。

在我的 HTML 中,我main.js像这样导入:

在我的main.js文件中,我导入了我制作的其他模块,如下所示:

现在我还想安装和导入npm 模块以在我的网站上使用,就像我在我的网站上使用自己的代码一样。

我像这样安装lodash:

然后在我的main.js文件中,我像在我的 Node 应用程序中那样导入 lodash:

这当然不起作用并给我以下错误,因为我们现在在浏览器中而不是在 Node 应用程序中:

^未捕获的类型错误:无法解析模块说明符“lodash”。相对引用必须以“/”、“./”或“../”开头。^

研究这个,我知道这样的开发环境需要一个 web 捆绑器,但我发现从过时的工具(如 Browserify 和 RequireJS)到过于复杂的工具(如 WebPack),再到新的捆绑器(如 Parcel、Vite 和 Snowpack),这些工具都没有似乎无法解决为开发和生产构建轻松捆绑 npm 包的问题。

在 2021/2022 年,在原生 HTML/CSS/JavaScript 前端应用程序中使用 lodash 等节点模块的最直接方式是什么,以便可以在 GitHub pages、Netlify 和 Vercel 等 CDN 上捆绑、构建和部署它们?

0 投票
0 回答
42 浏览

api - Vercel - 选择 Go 版本

我正在尝试将 Go 1.17 用于 Vercel 上的无服务器功能。部署时,我收到以下消息:

警告:/vercel/path1/go.mod 中的未知 Go 版本

所以我想知道对于无服务器功能是否有最大支持的 Go 版本。

谢谢!

0 投票
0 回答
15 浏览

javascript - Nuxt 动态路由在静态生成后返回 404

伙计们。我有一个带有两个参数的商店页面:页面和排序。如下所示:

这是我的路线配置:

现在,在我生成我的网站后,Nuxt 不会生成排序页面。当我转到 /sort/ 或 /sort/oldest/page/2/ 时,它返回 404。

我需要做什么?如果我需要自己生成所有这些页面,那么这些 routes.push() 用于什么?

我还想添加“名称”和“过滤器”参数。您会看到为所有这些参数生成动态路由是不可能的。我能做些什么?谢谢。

0 投票
2 回答
56 浏览

cors - Cloudflare 页面 - Cloudflare Workers

所以我开始用 cloudflare pages 和 workers 弄脏我的手

我的想法是

  1. 获得一个域mydomain.com(完成)
  2. 制作静态站点@github myaccount.github.io(完成)
  3. 制作一个 cloudflare 页面页面,将 CNAME 添加到 DNS ZONE(完成),这样myaccount.github.io可以@ my-official-site.com(完成)
  4. 做一个 cloudflare 工作者https://myworker.myclaccount.workers.dev(完成)

所以当我要求my-official-site.com我得到的内容myaccount.github.io


现在我想从我myaccount.github.io的工人那里跑来获取一些 html 或 json 或....

  1. 我试图从我的myaccount.github.io(index.html)中获取
  1. 我收到这样的请求给我的工人

问题是

我创建一个

_headers.txt(https://developers.cloudflare.com/pages/platform/headers)在我的github“站点”的根目录中

但同样...

我是无服务器和 jamstack 的新手(我现在是 js、css、html),但对这个概念很陌生

知识(android、c#、php、wp、unity、一些node.js)

谢谢您的帮助。