{"id":48048,"date":"2023-03-20T01:16:34","date_gmt":"2023-03-06T19:07:02","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/"},"modified":"2024-04-29T19:42:20","modified_gmt":"2024-04-29T11:42:20","slug":"%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/","title":{"rendered":"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5"},"content":{"rendered":"<p>\u5bf9\u4e8e\u559c\u6b22\u524d\u7aef\u7684\u4eba\u6765\u8bf4\uff0c\u6700\u56f0\u96be\u7684\u83ab\u8fc7\u4e8e\u540e\u7aef\u5b9e\u73b0\u3002\u81f3\u5c11\u5bf9\u4e8e\u6211\u6765\u8bf4\u662f\u8fd9\u6837\u7684\u3002<\/p>\n<p>\u6240\u4ee5\u4eca\u5929\u6211\u5011\u5c07\u4f7f\u7528Next.js\u7684API Routes\uff0c\u4ee5\u4e00\u7a2e\u975e\u5e38\u7c21\u55ae\u7684\u65b9\u5f0f\u4ecb\u7d39\u5982\u4f55\u5efa\u7acb\u4e00\u500bGraphQL\u7684\u7d42\u7aef\u9edeAPI\u3002<\/p>\n<h1>\u9996\u5148<\/h1>\n<p>\u8fd9\u6b21\u4f7f\u7528\u7684\u5e93\u5982\u4e0b<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Next.js<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Prisma2 w\/ Photon &amp; Lift<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">GraphQL Nexus<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Apollo Server<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">Apollo Client<\/ul>\n<h1>Prisma\u662f\u4ec0\u4e48\uff1f<\/h1>\n<p>\u6709\u5174\u8da3\u7684\u4eba\u8bf7\u9605\u8bfb\u8fd9\u7bc7\u6587\u7ae0\uff0c\u5b83\u6bd4\u81ea\u5df1\u89e3\u91ca\u66f4\u6e05\u695a\u5730\u8bf4\u660e\u4e86\u3002<\/p>\n<p>\u7b80\u5355\u6765\u8bf4\uff0c\u5b83\u662f\u6839\u636e\u5728 schema.prisma \u4e2d\u7f16\u5199\u7684\u6570\u636e\u5e93\u6a21\u5f0f\uff0c\u5728\u751f\u6210\u597d\u7684 ORM \u4e2d\u63d0\u4f9b\u4fbf\u5229\u3002<\/p>\n<p>\u5c31\u50cf\u4e0a\u9762\u7684\u6587\u7ae0\u5df2\u7ecf\u63d0\u5230\u7684\u90a3\u6837\uff0c\u7531\u4e8e\u76ee\u524d\u4ecd\u7136\u5904\u4e8e\u9884\u89c8\u9636\u6bb5\uff0c\u6240\u4ee5\u5e76\u4e0d\u9002\u5408\u7528\u4e8e\u6b63\u5f0f\u73af\u5883\u3002\u53ea\u80fd\u7528\u6765\u73a9\u73a9\u800c\u5df2\u3002<\/p>\n<h1>GraphQL Nexus\u662f\u4ec0\u4e48\uff1f<\/h1>\n<p>GraphQL Nexus\u662fPrisma\u516c\u53f8\u5f00\u53d1\u7684\u5de5\u5177\uff0c\u5b83\u53ef\u4ee5\u4f7fcode-first\u7684GraphQL\u6a21\u5f0f\u5177\u6709\u7c7b\u578b\u5b89\u5168\u6027\u548c\u53ef\u6269\u5c55\u6027\u3002<\/p>\n<p>\u4f20\u7edf\u7684GraphQL\u670d\u52a1\u5668\u6784\u5efa\u65b9\u6cd5\u662f\u4ee5SDL\uff08Schema Definition Language\uff09\u4e3a\u57fa\u7840\u7684\u3002\u8fd9\u91cc\u6240\u8bf4\u7684\u662f\u4ee5.graphql\u7ed3\u5c3e\u7684\u6587\u4ef6\u3002\u9996\u5148\u5b9a\u4e49\u6a21\u5f0f\uff0c\u7136\u540e\u5728\u5176\u4ed6\u5730\u65b9\u7f16\u5199\u89e3\u6790\u5668\u3002\u5982\u679c\u4f7f\u7528TypeScript\uff0c\u8fd8\u9700\u8981\u7f16\u5199\u6a21\u5f0f\u7684\u7c7b\u578b\u3002\u7ed3\u679c\u4f1a\u51fa\u73b0\u4e00\u70b9\u53d8\u66f4\u6a21\u5f0f\uff0c\u5c31\u9700\u8981\u540c\u65f6\u4fee\u6539\u4f9d\u8d56\u4e8e\u8be5\u6a21\u5f0f\u7684\u5176\u4ed6\u6587\u4ef6\uff0c\u5f53\u5e94\u7528\u7a0b\u5e8f\u53d8\u5f97\u8d8a\u6765\u8d8a\u5e9e\u5927\u65f6\uff0c\u53ef\u6269\u5c55\u6027\u5c31\u4f1a\u53d7\u5230\u5f71\u54cd\u3002<\/p>\n<p>\u91c7\u7528\u4ee3\u7801\u4f18\u5148\u7684\u65b9\u5f0f\uff0c\u610f\u5473\u7740\u6a21\u5f0f\u5728\u4ee3\u7801\u4e2d\u88ab\u5b9a\u4e49\uff0cSDL\u4f1a\u81ea\u52a8\u751f\u6210\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u5728\u66f4\u6539\u6a21\u5f0f\u65f6\u5c31\u7701\u53bb\u4e86\u5728\u5176\u4ed6\u6587\u4ef6\u4e2d\u8fdb\u884c\u7f16\u8f91\u7684\u9ebb\u70e6\u3002\u7a0d\u540e\u5c06\u4f1a\u901a\u8fc7\u4ee3\u7801\u8be6\u7ec6\u8bf4\u660e\u3002<\/p>\n<h1>\u53d1\u5c55<\/h1>\n<h4>\u4f7f\u7528create-next-app\u547d\u4ee4\u6765\u521b\u5efaNext.js\u5e94\u7528\u7a0b\u5e8f<\/h4>\n<pre class=\"post-pre\"><code>npx create-next-app next-prisma\r\n<\/code><\/pre>\n<p>\u7528\u8fd9\u4e2a\u7b80\u5355\u7684Next.js\u5e94\u7528\u7a0b\u5e8f\u5df2\u7ecf\u521b\u5efa\u597d\u4e86\u3002\u7531\u4e8e\u8fd9\u6b21\u662f\u4f7f\u7528TypeScript\u8fdb\u884c\u5f00\u53d1\u7684\uff0c\u6240\u4ee5\u8bf7\u5148\u5c06pages\/index.js\u66f4\u6539\u4e3aindex.tsx\uff0c\u7136\u540e\u8fd0\u884cnpm run dev\u8bd5\u8bd5\u770b\u3002Next.js\u4f1a\u68c0\u6d4b\u6587\u4ef6\u6269\u5c55\u540d\u7684\u53d8\u5316\uff0c\u5e76\u81ea\u52a8\u521b\u5efatsconfig.json\uff08\u975e\u5e38\u65b9\u4fbf\uff09\u3002\u7136\u540e\u4f1a\u51fa\u73b0\u9700\u8981\u5b89\u88c5typescript\u3001@types\/react\u548c@types\/node\u7684\u9519\u8bef\u63d0\u793a\uff0c\u8bf7\u6309\u7167\u63d0\u793a\u8fdb\u884c\u5b89\u88c5\u3002<\/p>\n<h4>\u6a21\u5757\u7684\u5b89\u88c5<\/h4>\n<p>\u65e0\u8bba\u4f7f\u7528npm\u8fd8\u662fyarn\u90fd\u53ef\u4ee5\u3002\u7531\u4e8ecreate-next-app\u4f7f\u7528yarn\u6765\u5b89\u88c5\u521d\u59cb\u6a21\u5757\uff0c\u56e0\u6b64\u53ef\u4ee5\u4f7f\u7528yarn\u6267\u884c\u53c2\u8003\u4ee3\u7801\u3002<\/p>\n<pre class=\"post-pre\"><code>yarn add @prisma\/photon apollo-server-micro graphql nexus nexus-prisma\r\n\r\nyarn add <span class=\"nt\">--dev<\/span> prisma2 ts-node\r\n<\/code><\/pre>\n<p>\u8bf7\u5728package.json\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4ee5\u4e0b\u811a\u672c\u3002\u7a0d\u540e\u4f1a\u8fdb\u884c\u8bf4\u660e\u3002<\/p>\n<pre class=\"post-pre\"><code>  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"dev\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"next dev\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"build\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"next build\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"start\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"next start\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"generate:prisma\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"prisma2 generate\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"generate:nexus\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ts-node --project tsconfig-api.json --transpile-only api\/_src\/schema\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"generate\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"yarn generate:prisma &amp;&amp; yarn generate:nexus\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"postinstall\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"yarn generate\"<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h4>\u521b\u5efaprisma\u6587\u4ef6<\/h4>\n<p>\u5728\u6839\u76ee\u9304\u4e2d\u5275\u5efaPrisma\u6587\u4ef6\u3002<br \/>\n\u5728\u5176\u4e2d\u5275\u5efaschema.prisma\u4e26\u5b9a\u7fa9\u4ee5\u4e0b\u6a21\u578b\u3002<\/p>\n<pre class=\"post-pre\"><code>generator photon {\r\n  provider = \"photonjs\"\r\n}\r\n\r\ndatasource db {\r\n  provider = \"postgresql\"\r\n  url      = env(\"PG_URL\")\r\n}\r\n\r\nmodel User {\r\n  id    Int     @id\r\n  email String  @unique\r\n  name  String?\r\n}\r\n<\/code><\/pre>\n<p>\u6570\u636e\u6e90\u7684\u63d0\u4f9b\u8005\u88ab\u8bbe\u5b9a\u4e3aPostgreSQL\uff0c\u4f46\u4e5f\u53ef\u4ee5\u4f7f\u7528MySQL\u6216MongoDB\uff0c\u9009\u62e9\u60a8\u559c\u6b22\u7684\u3002<\/p>\n<p>\u5728\u73af\u5883\u53d8\u91cf\u4e2d\uff0cenv\u4f1a\u67e5\u627e\u5728.env\u6587\u4ef6\u4e2d\u5b9a\u4e49\u7684\u73af\u5883\u53d8\u91cf\uff0c\u56e0\u6b64\u53ef\u4ee5\u5728\u672c\u5730\u548c\u751f\u4ea7\u73af\u5883\u4e2d\u5206\u522b\u4f7f\u7528\u4e0d\u540c\u7684\u6570\u636e\u5e93\u3002\u8981\u5411Now\u6dfb\u52a0\u73af\u5883\u53d8\u91cf\uff0c\u9700\u8981\u5728\u7ec8\u7aef\u4e2d\u767b\u5f55Now\u3002<\/p>\n<pre class=\"post-pre\"><code>now secrets add pg-url <span class=\"s2\">\"postgresql:\/\/USERNAME:PASSWORD@localhost:PORT\/postgres?SCHEMA\"<\/span>\r\n\r\n<span class=\"c\"># now secrets add &lt;secret-name&gt; &lt;secret-value&gt;<\/span>\r\n<\/code><\/pre>\n<p>\u5728Heroku\u7b49\u5e73\u53f0\u4e0a\u53ef\u4ee5\u5f88\u5bb9\u6613\u5730\u521b\u5efaPostgreSQL\u6570\u636e\u5e93\uff0c\u53ef\u4ee5\u901a\u8fc7\u6253\u5f00\u8bbe\u7f6e\u6765\u8fdb\u884c\u914d\u7f6e\u3002\u521b\u5efa\u4e00\u4e2anext.config.js\u6587\u4ef6\uff0c\u5e76\u6309\u7167\u4ee5\u4e0b\u65b9\u5f0f\u5b9a\u4e49\u4ee5\u5f15\u7528\u3002\u7531\u4e8ePrisma2\u5728\u7f16\u8bd1\u671f\u95f4\u4f1a\u5f15\u7528\u73af\u5883\u53d8\u91cf\uff0c\u56e0\u6b64\u4e5f\u9700\u8981\u5728\u6784\u5efa\u65f6\u8fdb\u884c\u5b9a\u4e49\u3002<\/p>\n<pre class=\"post-pre\"><code><span class=\"nx\">exports<\/span><span class=\"p\">.<\/span><span class=\"k\">default<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\r\n  <span class=\"na\">env<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">PG_URL<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@pg-url<\/span><span class=\"dl\">'<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"na\">build<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">env<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n      <span class=\"na\">PG_URL<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@pg-url<\/span><span class=\"dl\">'<\/span>\r\n    <span class=\"p\">}<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>\u5728\u8fd9\u4e2a\u9636\u6bb5\uff0c\u6211\u4eec\u6267\u884cyarn generate:prisma\u547d\u4ee4\u3002\u8fd9\u5c06\u751f\u6210\u57fa\u4e8e\u6a21\u5f0f\u7684\u4ee3\u7801\u5230node_modules\/@prisma\/photon\u76ee\u5f55\u3002\u901a\u8fc7\u8fd9\u6837\u505a\uff0c\u5c06\u751f\u6210photon API\u7684\u57fa\u7840\u7ed3\u6784\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528\u7c7b\u4f3cphoton.users.findMany({})\u4e4b\u7c7b\u7684API\u3002<\/p>\n<p>\u987a\u4fbf\u8bf4\u4e00\u4e0b\uff0c\u8fd8\u6709\u4e00\u4e2a\u540d\u4e3aprisma2 dev\u7684\u547d\u4ee4\uff0c\u5f53\u6267\u884c\u5b83\u65f6\uff0cPrisma\u4f1a\u76d1\u89c6\u6a21\u5f0f\u6587\u4ef6\uff0c\u5982\u679c\u6709\u53d8\u52a8\uff0c\u5219\u4f1a\u81ea\u52a8\u91cd\u65b0\u751f\u6210photon\uff0c\u5e76\u4e14\u66f4\u65b0\u6570\u636e\u5e93\u7684\u6a21\u5f0f\uff0c\u8fd8\u63d0\u4f9b\u4e86\u4e00\u4e2a\u540d\u4e3aPrisma Studio\u7684\u56fe\u5f62\u754c\u9762\u5de5\u5177\u3002\u4f60\u53ef\u4ee5\u76f4\u63a5\u5728GUI\u4e2d\u7f16\u8f91\u8bb0\u5f55\uff0c\u975e\u5e38\u65b9\u4fbf\u3002<\/p>\n<h4>\u5efa\u7acbGraphQL\u670d\u52a1\u5668<\/h4>\n<p>\u7531\u4e8ePrisma\u4f5c\u4e3a\u6570\u636e\u5c42\u5df2\u7ecf\u51c6\u5907\u597d\u4e86\uff0c\u6211\u4eec\u8981\u6784\u5efa\u4e00\u4e2a\u7528\u4e8e\u8bbf\u95eeORM\u7684API\u5c42\u7684GraphQL\u670d\u52a1\u5668\u3002<br \/>\n\u60f3\u8c61\u4e00\u4e0b\uff0c\u5c31\u597d\u50cf\u6709\u4e24\u4e2a\u670d\u52a1\u5668\u3002<\/p>\n<p>\u4ee5\u4e0b\u662f\u4e00\u79cd\u4e2d\u6587\u672c\u5730\u5316\u7684\u89e3\u91ca\uff1aNext.js &lt;&#8212;-&gt; GraphQL\u670d\u52a1\u5668 &lt;&#8212;-&gt; Prisma<\/p>\n<p>\u9996\u5148\uff0c\u5728\u6839\u76ee\u5f55\u4e0b\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a&#8221;api&#8221;\u7684\u6587\u4ef6\u5939\u3002<\/p>\n<p>\u666e\u901a\uff0c\u5728Next.js\u4e2d\u9700\u8981\u5728\/pages\u76ee\u5f55\u4e0b\u521b\u5efaapi\u6587\u4ef6\u5939\uff0c\u4f46\u662f\u5728\u90e8\u7f72\u5230now\u540e\uff0cPhoton\u548cNext.js\u4e4b\u95f4\u7684\u4e00\u81f4\u6027\u65e0\u6cd5\u4fdd\u6301\uff0c\u73b0\u5728\u65e0\u6cd5\u5efa\u7acb\u8fde\u63a5\u3002\u8bf7\u5728\u6b64\u5904\u4e86\u89e3\u66f4\u591a\u8be6\u7ec6\u4fe1\u606f\u3002\u7136\u800c\uff0c\u8fd9\u6837\u505a\u4f1a\u5bfc\u81f4next dev\u65e0\u6cd5\u8fde\u63a5\u5230API\u670d\u52a1\u5668\uff0c\u6240\u4ee5\u8bf7\u4f7f\u7528now dev\u5728\u672c\u5730\u6a21\u62dfnow\u73af\u5883\u8fdb\u884c\u5f00\u53d1\u3002\u5e0c\u671b\u5c3d\u5feb\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>\n<p>\u5728\u5176\u4e2d\u521b\u5efagraphql.ts\u3001_src\/schema.ts\u548c_src\/context.ts\u6587\u4ef6\u3002<\/p>\n<pre class=\"post-pre\"><code>\u251c\u2500\u2500 api\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 _src\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 context.ts\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 schema.ts\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 graphql.ts\r\n<\/code><\/pre>\n<p>\u5927\u6982\u662f\u8fd9\u6837\u7684\u3002\u4f3c\u4e4e\u4ee5&#8221;_\u5f00\u5934\u7684\u6587\u4ef6\u4e0d\u80fd\u4f5c\u4e3a\u65e0\u670d\u52a1\u5668\u7aef\u70b9\u5904\u7406\u3002&#8221;<\/p>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Photon<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@prisma\/photon<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">photon<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nx\">Photon<\/span><span class=\"p\">()<\/span>\r\n\r\n<span class=\"k\">export<\/span> <span class=\"kr\">interface<\/span> <span class=\"nx\">Context<\/span> <span class=\"p\">{<\/span>\r\n  <span class=\"nl\">photon<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Photon<\/span>\r\n<span class=\"p\">}<\/span>\r\n<span class=\"c1\">\/\/ apolloServer\u3067photon\u3092context\u3068\u3057\u3066\u6e21\u3059\u3068\u3001\u306e\u3061\u306bnexus\u5074\u3067\u4f7f\u7528\u53ef\u80fd\u306b\u306a\u308b<\/span>\r\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">createContext<\/span> <span class=\"o\">=<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">({<\/span> <span class=\"nx\">photon<\/span> <span class=\"p\">})<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">makeSchema<\/span><span class=\"p\">,<\/span> <span class=\"nx\">objectType<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">nexus<\/span><span class=\"dl\">'<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">nexusPrismaPlugin<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">nexus-prisma<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">join<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">path<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"c1\">\/\/ __dirname\u4f7f\u3048\u306a\u3044\u554f\u984c\u306f\u3053\u308c\u3067\u89e3\u6c7a\u3002\u8a73\u7d30\u306f\u3053\u3061\u3089<\/span>\r\n<span class=\"c1\">\/\/ https:\/\/github.com\/prisma\/prisma2\/issues\/1021<\/span>\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">getPath<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">fileName<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span>\r\n  <span class=\"nx\">join<\/span><span class=\"p\">(<\/span><span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">cwd<\/span><span class=\"p\">(),<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">generated<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"nx\">fileName<\/span><span class=\"p\">);<\/span>\r\n\r\n<span class=\"c1\">\/\/ objectType\u3067\u30bf\u30a4\u30d7\u3092\u4f5c\u308b\u3002\u306a\u3093\u3067\u3082\u4f5c\u308c\u308b\u304c\u3001prisma\u5074\u3068\u3042\u308f\u305b\u3066\u4f5c\u308b\u3068model API\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u3066\u578b\u3092\u88dc\u7d66\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u4fbf\u5229<\/span>\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">objectType<\/span><span class=\"p\">({<\/span>\r\n  <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">User<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nx\">definition<\/span><span class=\"p\">(<\/span><span class=\"nx\">t<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nx\">t<\/span><span class=\"p\">.<\/span><span class=\"nx\">model<\/span><span class=\"p\">.<\/span><span class=\"nx\">email<\/span><span class=\"p\">();<\/span>\r\n    <span class=\"nx\">t<\/span><span class=\"p\">.<\/span><span class=\"nx\">model<\/span><span class=\"p\">.<\/span><span class=\"nx\">id<\/span><span class=\"p\">();<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">})<\/span>\r\n\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">Query<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">objectType<\/span><span class=\"p\">({<\/span>\r\n  <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Query<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nx\">definition<\/span><span class=\"p\">(<\/span><span class=\"nx\">t<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nx\">t<\/span><span class=\"p\">.<\/span><span class=\"nx\">crud<\/span><span class=\"p\">.<\/span><span class=\"nx\">user<\/span><span class=\"p\">();<\/span>\r\n    <span class=\"nx\">t<\/span><span class=\"p\">.<\/span><span class=\"nx\">crud<\/span><span class=\"p\">.<\/span><span class=\"nx\">users<\/span><span class=\"p\">();<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">})<\/span>\r\n\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">Mutation<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">objectType<\/span><span class=\"p\">({<\/span>\r\n  <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Mutation<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nx\">definition<\/span><span class=\"p\">(<\/span><span class=\"nx\">t<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nx\">t<\/span><span class=\"p\">.<\/span><span class=\"nx\">crud<\/span><span class=\"p\">.<\/span><span class=\"nx\">createOneUser<\/span><span class=\"p\">({<\/span>\r\n      <span class=\"na\">alias<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">createUser<\/span><span class=\"dl\">'<\/span>\r\n    <span class=\"p\">})<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">})<\/span>\r\n\r\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">schema<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">makeSchema<\/span><span class=\"p\">({<\/span>\r\n  <span class=\"na\">types<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"nx\">Query<\/span><span class=\"p\">,<\/span> <span class=\"nx\">Mutation<\/span><span class=\"p\">],<\/span>\r\n  <span class=\"na\">plugins<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"nx\">nexusPrismaPlugin<\/span><span class=\"p\">()],<\/span>\r\n  <span class=\"na\">outputs<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">typegen<\/span><span class=\"p\">:<\/span> <span class=\"nx\">getPath<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">nexus.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">),<\/span>\r\n    <span class=\"na\">schema<\/span><span class=\"p\">:<\/span> <span class=\"nx\">getPath<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">schema.graphql<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"na\">typegenAutoConfig<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">contextType<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Context.Context<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"na\">sources<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n      <span class=\"p\">{<\/span>\r\n        <span class=\"na\">source<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">@prisma\/photon<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"na\">alias<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">photon<\/span><span class=\"dl\">\"<\/span>\r\n      <span class=\"p\">},<\/span>\r\n      <span class=\"p\">{<\/span>\r\n        <span class=\"na\">source<\/span><span class=\"p\">:<\/span> <span class=\"nx\">require<\/span><span class=\"p\">.<\/span><span class=\"nx\">resolve<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">.\/context<\/span><span class=\"dl\">\"<\/span><span class=\"p\">),<\/span>\r\n        <span class=\"na\">alias<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">Context<\/span><span class=\"dl\">\"<\/span>\r\n      <span class=\"p\">}<\/span>\r\n    <span class=\"p\">]<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">})<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">ApolloServer<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">apollo-server-micro<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">createContext<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/_src\/context<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">schema<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/_src\/schema<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"kd\">const<\/span> <span class=\"nx\">apolloServer<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nx\">ApolloServer<\/span><span class=\"p\">({<\/span> <span class=\"nx\">schema<\/span><span class=\"p\">,<\/span> <span class=\"na\">context<\/span><span class=\"p\">:<\/span> <span class=\"nx\">createContext<\/span><span class=\"p\">()<\/span> <span class=\"p\">})<\/span>\r\n\r\n<span class=\"k\">export<\/span> <span class=\"kd\">const<\/span> <span class=\"nx\">config<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\r\n  <span class=\"na\">api<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">bodyParser<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">};<\/span>\r\n\r\n<span class=\"k\">export<\/span> <span class=\"k\">default<\/span> <span class=\"nx\">apolloServer<\/span><span class=\"p\">.<\/span><span class=\"nx\">createHandler<\/span><span class=\"p\">({<\/span> <span class=\"na\">path<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\/api\/graphql<\/span><span class=\"dl\">'<\/span> <span class=\"p\">});<\/span>\r\n<\/code><\/pre>\n<p>\u5728\u8fd0\u884cyarn generate:nexus\u4e4b\u524d\uff0c\u8bf7\u5148\u521b\u5efa\u4e00\u4e2a\u540d\u4e3atsconfig-api.json\u7684\u6587\u4ef6\uff0c\u9664\u4e86\u57fa\u672c\u7684tsconfig.json\u4e4b\u5916\u3002\u7136\u540e\uff0c\u5728\u5176\u4e2d\u6dfb\u52a0\u4ee5\u4e0b\u5185\u5bb9\uff1a<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"extends\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\".\/tsconfig.json\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"commonjs\"<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>\u8bf7\u7528\u4e2d\u6587\u8fdb\u884c\u4ee5\u4e0b\u5185\u5bb9\u7684\u6539\u5199\u3002\u53ea\u9700\u63d0\u4f9b\u4e00\u79cd\u9009\u9879\uff1a<br \/>\n\u5728\u8fdb\u884cNext.js\u5f00\u53d1\u65f6\uff0c\u5982\u679c\u4f7f\u7528&#8221;module&#8221;: &#8220;esnext&#8221;\u6765\u7f16\u8bd1Next.js\u4ee3\u7801\uff0c\u5219\u65e0\u6cd5\u4f7f\u7528ts-node\u8fdb\u884c\u7f16\u8bd1\u3002\u56e0\u6b64\uff0c\u53ea\u6709\u5728\u4f7f\u7528ts-node\u8fdb\u884c\u7f16\u8bd1\u65f6\uff0c\u624d\u4f1a\u4f7f\u7528\u4e13\u95e8\u7684tsconfig-api.json\u914d\u7f6e\u6587\u4ef6\u3002\u5728\u811a\u672c\u4e2d\u4f7f\u7528&#8221;&#8211;project tsconfig-api.json&#8221;\u8fdb\u884c\u6307\u5b9a\u3002<\/p>\n<p>\u8bf7\u8fd0\u884c\u547d\u4ee4&#8221;yarn generate:nexus&#8221;\uff0c\u5982\u679c\u6210\u529f\uff0c\u5c06\u5728\u6839\u76ee\u5f55\u4e0b\u751f\u6210\u4e00\u4e2a\u540d\u4e3a&#8221;generated&#8221;\u7684\u6587\u4ef6\u5939\u3002\u5728\u8be5\u6587\u4ef6\u5939\u4e2d\u5305\u542b\u4e86nexus\u5185\u90e8\u4f7f\u7528\u7684&#8221;nexus.ts&#8221;\u6587\u4ef6\u548c\u63cf\u8ff0SDL\u7684&#8221;schema.graphql&#8221;\u6587\u4ef6\u3002\u8fd9\u6837\u4e00\u6765\uff0c\u5e73\u65f6\u9700\u8981\u624b\u52a8\u7f16\u5199\u7684graphql\u6587\u4ef6\u5c06\u4f1a\u88abnexus\u81ea\u52a8\u751f\u6210\u3002\u76ee\u524d\u9636\u6bb5\u53ea\u6709\u4e00\u4e2a\u7b80\u5355\u7684&#8221;User&#8221;\u7c7b\u578b\uff0c\u4f46\u968f\u7740\u6a21\u578b\u7684\u589e\u52a0\u548c\u590d\u6742\u5ea6\u7684\u63d0\u9ad8\uff0c\u5c06\u80fd\u4eab\u53d7\u5230\u8fd9\u4e2a\u81ea\u52a8\u751f\u6210\u7684\u597d\u5904\u3002<\/p>\n<p>\u73b0\u5728\u57fa\u672c\u5b8c\u6210\u4e86\uff0c\u8bf7\u5c1d\u8bd5\u8fd0\u884cnow dev\u3002\u5f53\u8bbf\u95ee\/api\/graphql\u7684\u7aef\u70b9\u65f6\uff0c\u5e94\u8be5\u4f1a\u6253\u5f00graphql playground\u3002\u7136\u540e\uff0c\u60a8\u53ef\u4ee5\u5728\u5ba2\u6237\u7aef\u4f7f\u7528apollo client\uff0c\u968f\u5fc3\u6240\u6b32\u5730\u4f20\u9012\u6570\u636e\u3002<\/p>\n<h4>\u6700\u540e<\/h4>\n<p>prisma2\u76ee\u524d\u4ecd\u5904\u4e8e\u9884\u89c8\u9636\u6bb5\uff0c\u5f00\u53d1\u8fdb\u5ea6\u53ef\u5728\u6b64\u786e\u8ba4\u3002<\/p>\n<p>\u6211\u89c9\u5f97\u5728\u4e00\u4e2a\u4ed3\u5e93\u91cc\uff0c\u4e0d\u9700\u8981\u4f7f\u7528\u5355\u4f53\u5e93\u7b49\uff0c\u53ea\u9700\u4e00\u4e2a`now`\u547d\u4ee4\u5c31\u80fd\u90e8\u7f72\u540e\u7aef\u548c\u524d\u7aef\uff0c\u8fd9\u771f\u662f\u4e00\u4e2a\u4e86\u4e0d\u8d77\u7684\u4e16\u754c\u3002<\/p>\n<p>\u5f53\u5c06GitHub\u4e0eNow\u8fdb\u884c\u94fe\u63a5\uff0c\u5c06\u80fd\u591f\u5728\u6bcf\u4e2aPR\u65f6\u8fdb\u884c\u90e8\u7f72\uff0c\u5e76\u63d0\u4f9b\u4e00\u4e2a\u9a8c\u8bc1\u7528\u7684URL\uff0c\u4f7f\u5f97\u6211\u4eec\u53ef\u4ee5\u8f7b\u677e\u68c0\u67e5\u5dee\u5f02\u3002\u611f\u89c9\u4eca\u5e74\u5bf9\u4e8e\u524d\u7aef\u5de5\u7a0b\u5e08\u6765\u8bf4\u53ef\u80fd\u4f1a\u662f\u6700\u597d\u7684\u4e00\u5e74\u3002<\/p>\n<p>\u5f3a\u70c8\u63a8\u8350\u9605\u8bfbGuillermo Rauch\u7684\u8fd9\u7bc7\u535a\u5ba2\u6587\u7ae0\uff0c\u4ed6\u4f5c\u4e3aZeit\u7684\u521b\u59cb\u4eba\uff0c\u5728\u8fd9\u7bc7\u6587\u7ae0\u4e2d\u8be6\u7ec6\u9610\u8ff0\u4e86\u672a\u6765\u7f51\u7edc\u5f00\u53d1\u7684\u5c55\u671b\u7b49\u5185\u5bb9\u3002<\/p>\n<p>\u7ed3\u675f\u4e86\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5bf9\u4e8e\u559c\u6b22\u524d\u7aef\u7684\u4eba\u6765\u8bf4\uff0c\u6700\u56f0\u96be\u7684\u83ab\u8fc7\u4e8e\u540e\u7aef\u5b9e\u73b0\u3002\u81f3\u5c11\u5bf9\u4e8e\u6211\u6765\u8bf4\u662f\u8fd9\u6837\u7684\u3002 \u6240\u4ee5\u4eca\u5929\u6211\u5011\u5c07\u4f7f\u7528Next.js\u7684AP [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-48048","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528-next-js-prisma-2-typescript-now-\u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\" \/>\n<meta property=\"og:description\" content=\"\u5bf9\u4e8e\u559c\u6b22\u524d\u7aef\u7684\u4eba\u6765\u8bf4\uff0c\u6700\u56f0\u96be\u7684\u83ab\u8fc7\u4e8e\u540e\u7aef\u5b9e\u73b0\u3002\u81f3\u5c11\u5bf9\u4e8e\u6211\u6765\u8bf4\u662f\u8fd9\u6837\u7684\u3002 \u6240\u4ee5\u4eca\u5929\u6211\u5011\u5c07\u4f7f\u7528Next.js\u7684AP [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528-next-js-prisma-2-typescript-now-\u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-06T19:07:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T11:42:20+00:00\" \/>\n<meta name=\"author\" content=\"\u6e05, \u626c\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u6e05, \u626c\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/\",\"name\":\"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-03-06T19:07:02+00:00\",\"dateModified\":\"2024-04-29T11:42:20+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461\",\"name\":\"\u6e05, \u626c\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g\",\"caption\":\"\u6e05, \u626c\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyang\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528-next-js-prisma-2-typescript-now-\u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\/","og_locale":"zh_CN","og_type":"article","og_title":"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5","og_description":"\u5bf9\u4e8e\u559c\u6b22\u524d\u7aef\u7684\u4eba\u6765\u8bf4\uff0c\u6700\u56f0\u96be\u7684\u83ab\u8fc7\u4e8e\u540e\u7aef\u5b9e\u73b0\u3002\u81f3\u5c11\u5bf9\u4e8e\u6211\u6765\u8bf4\u662f\u8fd9\u6837\u7684\u3002 \u6240\u4ee5\u4eca\u5929\u6211\u5011\u5c07\u4f7f\u7528Next.js\u7684AP [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528-next-js-prisma-2-typescript-now-\u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-03-06T19:07:02+00:00","article_modified_time":"2024-04-29T11:42:20+00:00","author":"\u6e05, \u626c","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u6e05, \u626c","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/","name":"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-03-06T19:07:02+00:00","dateModified":"2024-04-29T11:42:20+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u4f7f\u7528 Next.js + Prisma 2 + TypeScript + Now \u5b9e\u73b0\u5b89\u5168\u4e14\u9ad8\u6548\u7684\u5168\u6808\u5f00\u53d1\u7684\u65b9\u6cd5"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461","name":"\u6e05, \u626c","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g","caption":"\u6e05, \u626c"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyang\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8-next-js-prisma-2-typescript-now-%e5%ae%9e%e7%8e%b0%e5%ae%89%e5%85%a8%e4%b8%94%e9%ab%98%e6%95%88%e7%9a%84%e5%85%a8%e6%a0%88%e5%bc%80%e5%8f%91%e7%9a%84%e6%96%b9%e6%b3%95\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=48048"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48048\/revisions"}],"predecessor-version":[{"id":87257,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48048\/revisions\/87257"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=48048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=48048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=48048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}