Development

.env.example

@@ -34,4 +34,5 @@ [email protected]
 SMTP_PASS=securepass
 
 # Comma seperated list of mapstories to add to gallery
-GALLERY_STORIES='cliu2h3qt0003dvtwy09fn876'
+GALLERY_STORIES='cliu2h3qt0003dvtwy09fn876'
+RESEND_API_KEY=

.github/workflows/lint.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 16
+          node-version: 18
 
       # ESLint and Prettier must be in `package.json`
       - name: Install Node.js dependencies

.vscode/settings.json

@@ -3,7 +3,7 @@
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "tailwindCSS.experimental.classRegex": [
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]

Dockerfile

@@ -1,5 +1,5 @@
 # Install dependencies only when needed
-FROM node:18-alpine AS deps
+FROM node:20-alpine AS deps
 # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
@@ -15,7 +15,7 @@ RUN \
 
 
 # Rebuild the source code only when needed
-FROM node:18-alpine AS builder
+FROM node:20-alpine AS builder
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
@@ -32,10 +32,10 @@ ENV NEXT_TELEMETRY_DISABLED 1
 
 # If using npm comment out above and use below instead
 # RUN npm run build
-RUN NEXT_PUBLIC_MAPBOX_TOKEN=APP_NEXT_PUBLIC_MAPBOX_TOKEN yarn build
+RUN NEXT_PUBLIC_MAPBOX_TOKEN=APP_NEXT_PUBLIC_MAPBOX_TOKEN RESEND_API_KEY=APP_RESEND_API_KEY yarn build
 
 # Production image, copy all the files and run next
-FROM node:18-alpine AS runner
+FROM node:20-alpine AS runner
 WORKDIR /app
 
 ENV NODE_ENV production
@@ -67,4 +67,4 @@ ENV PORT 3000
 
 ENTRYPOINT [ "/app/entrypoint.sh" ]
 
-CMD ["node", "server.js"]
+CMD ["node", "server.js"]

emails/sign-in.tsx

@@ -1,4 +1,3 @@
-import { Button } from '@react-email/button'
 import { Html } from '@react-email/html'
 import * as React from 'react'
 import { Tailwind } from '@react-email/tailwind'
@@ -7,7 +6,7 @@ import { Heading } from '@react-email/heading'
 import { Text } from '@react-email/text'
 import { Font } from '@react-email/font'
 import { Container } from '@react-email/container'
-
+import { Button } from '@react-email/button'
 interface SignInProps {
   url: string
 }
@@ -41,11 +40,17 @@ export default function SignInEmail({ url }: SignInProps) {
             Danke, dass Du Mapstories nutzen möchtest. Wir freuen uns sehr dich
             dabei zu haben. Um Mapstories nutzen zu können, melde dich bitte an:
           </Text>
+          Kopiere diesen Link in deinen Browser, um dich anzumelden / Copy this
+          link to sign in / Copia este enlace para iniciar sesión / Copiez ce
+          lien pour vous connecter:
+          <br />
+          <br />
           <Button
             className="bg-brand text-md mx-auto rounded-md px-4 py-2 font-medium text-white"
             href={url}
           >
-            Login
+            {' '}
+            Login{' '}
           </Button>
         </Container>
       </Html>

next.config.js

@@ -2,7 +2,7 @@
 const nextConfig = {
   experimental: {
     appDir: true,
-    swcPlugins: [['next-superjson-plugin', {}]],
+    serverComponentsExternalPackages: ['resend'],
   },
   eslint: {
     dirs: ['src', 'lib', 'hooks'],