Country

.gitignore

@@ -16,3 +16,6 @@ yarn-error.log*
 
 # macOS-specific files
 .DS_Store
+
+# Local Netlify folder
+.netlify

astro.config.mjs

@@ -12,5 +12,5 @@ export default {
     // port: 3000,             // The port to run the dev server on.
     // tailwindConfig: '',     // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
   },
-  renderers: [],
+  renderers: ['@astrojs/renderer-svelte'],
 };

netlify.toml

@@ -0,0 +1,21 @@
+# example netlify.toml
+[build]
+  command = "astro build"
+  functions = "netlify/functions"
+  publish = "dist"
+
+  ## Uncomment to use this redirect for Single Page Applications like create-react-app.
+  ## Not needed for static site generators.
+  #[[redirects]]
+  #  from = "/*"
+  #  to = "/index.html"
+  #  status = 200
+
+  ## (optional) Settings for Netlify Dev
+  ## https://github.com/netlify/cli/blob/main/docs/netlify-dev.md#project-detection
+  #[dev]
+  #  command = "yarn start" # Command to start your dev server
+  #  port = 3000 # Port that the dev server will be listening on
+  #  publish = "dist" # Folder with the static content for _redirect file
+
+  ## more info on configuring this file: https://www.netlify.com/docs/netlify-toml-reference/

netlify/functions/country/country.ts

@@ -0,0 +1,21 @@
+import { Handler } from '@netlify/functions'
+import { gql, request } from 'graphql-request'
+
+const endpoint = 'https://countries.trevorblades.com/'
+
+export const handler: Handler = async (event, context) => {
+  const country = event.headers['x-country'] || 'US'
+  const query = gql`{
+    country(code: "${country}") {
+      name, emoji
+    }
+  }`
+
+  const result = await request(endpoint, query)
+
+  return {
+    statusCode: 200,
+    body: JSON.stringify(result),
+    headers: {"Content-Type": "application/json"}
+  }
+}