Deploy Next.js with LaunchFlow

1
npx create-next-app@latest launchflow-nextjs
2
cd launchflow-nextjs
content_copy

1
import { unstable_noStore as noStore } from "next/cache";
2

3
export default function Home() {
4
  // We use noStore here to allow us dynamic access of runtime environment variables (e.g. process.env.LAUNCHFLOW_ENVIRONMENT).
5
  // If you don't need this feature you should remove this.
6
  // See: https://nextjs.org/docs/app/building-your-application/configuring/environment-variables#runtime-environment-variables
7
  noStore();
8
  return <div>Hello from {process.env.LAUNCHFLOW_ENVIRONMENT}</div>;
9
}
content_copy

1
/** @type {import('next').NextConfig} */
2
const nextConfig = {
3
  output: "standalone",
4
};
5

6
export default nextConfig;
content_copy

1
FROM public.ecr.aws/docker/library/node:18-alpine AS base
2

3
FROM base AS deps
4
RUN apk add --no-cache libc6-compat
5
WORKDIR /app
6

7
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
8
RUN \
9
  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
10
  elif [ -f package-lock.json ]; then npm ci; \
11
  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i --frozen-lockfile; \
12
  else echo "Lockfile not found." && exit 1; \
13
  fi
14

15
FROM base AS builder
16
WORKDIR /app
17
COPY --from=deps /app/node_modules ./node_modules
18
COPY . .
19

20
RUN \
21
  if [ -f yarn.lock ]; then yarn run build; \
22
  elif [ -f package-lock.json ]; then npm run build; \
23
  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; \
24
  else echo "Lockfile not found." && exit 1; \
25
  fi
26

27
FROM base AS runner
28
WORKDIR /app
29

30
ENV NODE_ENV=production
31

32
RUN apk add --no-cache libcap
33
RUN setcap 'cap_net_bind_service=+ep' /usr/local/bin/node
34
RUN addgroup --system --gid 1001 nodejs
35
RUN adduser --system --uid 1001 nextjs
36

37
# NOTE: You may need to add this back if you have a public directory
38
# COPY --from=builder /app/public ./public
39

40
RUN mkdir .next
41
RUN chown nextjs:nodejs .next
42

43
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
44
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
45

46
USER nextjs
47

48
EXPOSE 80
49
ENV PORT=80
50

51
ENV HOSTNAME="0.0.0.0"
52
CMD ["node", "server.js"]
content_copy