squid/blog
1
2
Fork 0
Code Issues 11 Pull Requests Actions Projects 1 Releases 2 Wiki Activity

BLOG-9 Automatical deployment #33

Merged
zoe merged 3 commits from BLOG-9_automatical_deployment into main 2025-01-25 00:03:55 +08:00
Conversation 2 Commits 3 Files Changed 5 +73 -4
5 changed files with 73 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
.gitea/workflows/deployment.yaml Normal file
View File

@ -0,0 +1,34 @@
name: Deployment
on:
release:
types:
- published
jobs:
frontend-deployment:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Set up QEMU
uses: docker/setup-qemu-action@v3
- name: Set up Docker Buildx
uses: docker/setup-buildx-action@v3
- name: Build image and push to registry
uses: docker/login-action@v3
with:
registry: ${{ vars.REGISTRY }}
zoe marked this conversation as resolved Outdated
zoe commented 2025-01-24 23:46:37 +08:00
Outdated
Review
Copy Link

Missing a space

          registry: ${{ vars.REGISTRY }}
Missing a space ```suggestion registry: ${{ vars.REGISTRY }} ```
👍 1
squid commented 2025-01-25 00:01:59 +08:00
Outdated
Review
Copy Link

Addressed in 290050700d

Addressed in 290050700d1c98790d019b5f5be92865888d88b2
username: ${{ vars.REGISTRY_USERNAME }}
password: ${{ secrets.REGISTRY_PASSWORD }}
- name: Build and push
uses: docker/build-push-action@v6
with:
push: true
context: ./frontend
tags:
- ${{ vars.REGISTRY }}/${{ vars.IMAGE_REPO_FRONTEND }}:latest
- ${{ vars.REGISTRY }}/${{ vars.IMAGE_REPO_FRONTEND }}:${{ gitea.event.release.tag_name }}

27
frontend/Dockerfile Normal file
View File

@ -0,0 +1,27 @@
FROM node:20-alpine AS base
ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
FROM base AS deps
WORKDIR /app
COPY package.json pnpm-lock.yaml ./
RUN apk add --no-cache libc6-compat && \
corepack enable pnpm && \
pnpm install --frozen-lockfile
FROM base AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN corepack enable pnpm && \
pnpm run build
FROM base AS runner
WORKDIR /app
ENV NODE_ENV=production
COPY --from=builder /app/public ./public
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static
EXPOSE 3000
ENV HOSTNAME=0.0.0.0
ENV PORT=3000
CMD ["node", "server.js"]

5
frontend/next.config.ts
View File

@ -3,6 +3,11 @@ import type { NextConfig } from "next";
const nextConfig: NextConfig = { const nextConfig: NextConfig = {
// Avoid from rendering twice in development mode // Avoid from rendering twice in development mode
reactStrictMode: false, reactStrictMode: false,
output: "standalone",
env: {
APP_VERSION: process.env.npm_package_version,
},
}; };
export default nextConfig; export default nextConfig;

8
frontend/pnpm-lock.yaml generated
View File

@ -47,7 +47,7 @@ importers:
version: 5.2.1(prettier@3.4.2) version: 5.2.1(prettier@3.4.2)
'@types/node': '@types/node':
specifier: ^20.17.14 specifier: ^20.17.14
version: 20.17.14 version: 20.17.16
'@types/react': '@types/react':
specifier: ^19.0.7 specifier: ^19.0.7
version: 19.0.7 version: 19.0.7
@ -447,8 +447,8 @@ packages:
'@types/json5@0.0.29': '@types/json5@0.0.29':
resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==} resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
'@types/node@20.17.14': '@types/node@20.17.16':
resolution: {integrity: sha512-w6qdYetNL5KRBiSClK/KWai+2IMEJuAj+EujKCumalFOwXtvOXaEan9AuwcRID2IcOIAWSIfR495hBtgKlx2zg==} resolution: {integrity: sha512-vOTpLduLkZXePLxHiHsBLp98mHGnl8RptV4YAO3HfKO5UHjDvySGbxKtpYfy8Sx5+WKcgc45qNreJJRVM3L6mw==}
'@types/react-dom@19.0.3': '@types/react-dom@19.0.3':
resolution: {integrity: sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA==} resolution: {integrity: sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA==}
@ -2211,7 +2211,7 @@ snapshots:
'@types/json5@0.0.29': {} '@types/json5@0.0.29': {}
'@types/node@20.17.14': '@types/node@20.17.16':
dependencies: dependencies:
undici-types: 6.19.8 undici-types: 6.19.8

3
frontend/src/app/layout.tsx
View File

@ -48,6 +48,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="zh-Hant"> <html lang="zh-Hant">
<head>
<meta name="app-version" content={process.env.APP_VERSION} />
</head>
<body className={`${notoSansTc.variable} ${notoSansMono.variable} ${hackNerdMono.variable} antialiased`}> <body className={`${notoSansTc.variable} ${notoSansMono.variable} ${hackNerdMono.variable} antialiased`}>
<div className="min-h-screen"> <div className="min-h-screen">
<Navbar /> <Navbar />