Add fastify example (#853)

https://fastify-example.vercel.app/
vercel · Jan 16, 2024 · 82d732d · 82d732d · vercel · Jan 16, 2024
1 parent 91d0d28
commit 82d732d
Show file tree

Hide file tree

Showing 6 changed files with 547 additions and 0 deletions.
diff --git a/starter/fastify/.gitignore b/starter/fastify/.gitignore
@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# Dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# Testing
+/coverage
+
+# Production
+build
+dist
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local ENV files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Vercel
+.vercel
+
+# Turborepo
+.turbo
diff --git a/starter/fastify/README.md b/starter/fastify/README.md
@@ -0,0 +1,21 @@
+# Fastify + Vercel
+
+This example shows how to use Fastify with Vercel Functions.
+
+## Demo
+
+https://fastify-example.vercel.app/
+
+## Running Locallly
+
+```bash
+npm i
+npm i -g vercel@latest
+vercel dev
+```
+
+## One-Click Deploy
+
+Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=vercel-examples):
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/examples/tree/main/starter/fastify&project-name=fastify&repository-name=fastify)
diff --git a/starter/fastify/api/index.js b/starter/fastify/api/index.js
@@ -0,0 +1,66 @@
+import Fastify from 'fastify'
+
+const app = Fastify({
+  logger: true,
+})
+
+app.get('/', async (req, reply) => {
+  return reply.status(200).type('text/html').send(html)
+})
+
+export default async function handler(req, reply) {
+  await app.ready()
+  app.server.emit('request', req, reply)
+}
+
+const html = `
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@exampledev/[email protected]/new.min.css"
+    />
+    <title>Vercel + Fastify Hello World</title>
+    <meta
+      name="description"
+      content="This is a starter template for Vercel + Fastify."
+    />
+  </head>
+  <body>
+    <h1>Vercel + Fastify Hello World</h1>
+    <p>
+      This is a starter template for Vercel + Fastify. Requests are
+      rewritten from <code>/*</code> to <code>/api/*</code>, which runs
+      as a Vercel Function.
+    </p>
+    <p>
+        For example, here is the boilerplate code for this route:
+    </p>
+    <pre>
+<code>import Fastify from 'fastify'
+
+const app = Fastify({
+  logger: true,
+})
+
+app.get('/', async (req, res) => {
+  return res.status(200).type('text/html').send(html)
+})
+
+export default async function handler(req: any, res: any) {
+  await app.ready()
+  app.server.emit('request', req, res)
+}</code>
+    </pre>
+    <p>
+    <p>
+      <a href="https://vercel.com/templates/other/fastify-serverless-function">
+      Deploy your own
+      </a>
+      to get started.
+  </body>
+</html>
+`
diff --git a/starter/fastify/package.json b/starter/fastify/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "fastify",
+  "repository": "https://github.com/vercel/examples.git",
+  "license": "MIT",
+  "private": true,
+  "dependencies": {
+    "fastify": "^4.25.2"
+  }
+}