Skip to content

Commit 861e57e

Browse files
Steph0Steph0
committed
feat: CICD pipeline
1 parent fcf12a4 commit 861e57e

9 files changed

+754
-324
lines changed

‎.dockerignore

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.git
2+
.next
3+
node_modules
4+
Dockerfile
5+
.dockerignore
6+
npm-debug.log
7+
README.md
8+
.secrets

‎.github/workflows/main.yml

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
2+
# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
3+
4+
name: Resume NextJs CI
5+
6+
on:
7+
push:
8+
branches: main
9+
10+
jobs:
11+
build:
12+
runs-on: ubuntu-latest
13+
steps:
14+
# Checkout
15+
- uses: actions/checkout@v4
16+
17+
# Run tests
18+
- name: Get project's node version
19+
run: echo ::set-output name=NODE_VERSION::$(cat .nvmrc)
20+
id: nvm
21+
22+
- name: Use Node.js ${{ steps.nvm.outputs.NODE_VERSION }}
23+
uses: actions/setup-node@v4
24+
with:
25+
node-version: ${{ steps.nvm.outputs.NODE_VERSION }}
26+
cache: 'npm'
27+
28+
- run: npm ci
29+
- run: npm test
30+
31+
# Deploy to GCP
32+
- name: Google Cloud Auth
33+
uses: 'google-github-actions/auth@v2'
34+
with:
35+
credentials_json: '${{ secrets.GCP_SA_KEY }}'
36+
project_id: ${{ secrets.GCP_PROJECT_ID }}
37+
38+
- name: Set up Cloud SDK
39+
uses: 'google-github-actions/setup-gcloud@v2'
40+
41+
- name: Configure Docker
42+
run: gcloud auth configure-docker
43+
44+
- name: Build and Push Docker Image
45+
run: |
46+
docker build -t gcr.io/${{ secrets.GCP_PROJECT_ID }}/${{ secrets.DOCKER_IMAGE_NAME }}:latest .
47+
docker push gcr.io/${{ secrets.GCP_PROJECT_ID }}/${{ secrets.DOCKER_IMAGE_NAME }}:latest
48+
49+
- name: Deploy to Cloud Run
50+
run: |
51+
gcloud run deploy $SERVICE_NAME \
52+
--image gcr.io/${{ secrets.GCP_PROJECT_ID }}/${{ secrets.DOCKER_IMAGE_NAME }}:latest \
53+
--platform managed \
54+
--region ${{ secrets.GCP_REGION }} \
55+
--allow-unauthenticated

‎.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -41,4 +41,5 @@ yarn-error.log*
4141
next-env.d.ts
4242

4343
# vitest-preview
44-
.vitest-preview
44+
.vitest-preview
45+
.secrets

‎.nvmrc

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
v20.15.1
1+
v22.14.0

‎Dockerfile

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
# syntax=docker.io/docker/dockerfile:1
2+
3+
FROM node:22-alpine AS base
4+
5+
# Install dependencies only when needed
6+
FROM base AS deps
7+
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
8+
RUN apk add --no-cache libc6-compat
9+
WORKDIR /app
10+
11+
# Install dependencies based on the preferred package manager
12+
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
13+
RUN npm ci
14+
15+
16+
# Rebuild the source code only when needed
17+
FROM base AS builder
18+
WORKDIR /app
19+
COPY --from=deps /app/node_modules ./node_modules
20+
COPY . .
21+
22+
# Next.js collects completely anonymous telemetry data about general usage.
23+
# Learn more here: https://nextjs.org/telemetry
24+
# Uncomment the following line in case you want to disable telemetry during the build.
25+
ENV NEXT_TELEMETRY_DISABLED=1
26+
27+
RUN npm run build
28+
29+
# Production image, copy all the files and run next
30+
FROM base AS runner
31+
WORKDIR /app
32+
33+
ENV NODE_ENV=production
34+
# Uncomment the following line in case you want to disable telemetry during runtime.
35+
ENV NEXT_TELEMETRY_DISABLED=1
36+
37+
RUN addgroup --system --gid 1001 nodejs
38+
RUN adduser --system --uid 1001 nextjs
39+
40+
COPY --from=builder /app/public ./public
41+
42+
# Automatically leverage output traces to reduce image size
43+
# https://nextjs.org/docs/advanced-features/output-file-tracing
44+
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
45+
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
46+
47+
USER nextjs
48+
49+
EXPOSE 3000
50+
51+
ENV PORT=3000
52+
53+
# server.js is created by next build from the standalone output
54+
# https://nextjs.org/docs/pages/api-reference/config/next-config-js/output
55+
ENV HOSTNAME="0.0.0.0"
56+
CMD ["node", "server.js"]

‎README.md

+18-3
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,36 @@
1-
# resume-react
1+
# Resume - Next.js
22

33
## Description
44

5-
Resume built with Next.js 15+ (React)
5+
Resume built with Next.js 15+ (React).
6+
Tested with Testing Library.
7+
I tried using TailwindCSS to discover it.
68

79
## Development
810

11+
By default app will be available at <http://localhost:3000/>
12+
13+
### With Docker
14+
15+
```sh
16+
docker compose up -d
17+
```
18+
19+
### With node and npm
20+
921
Run in local using the following commands
1022

1123
```sh
1224
npm ci
1325
npm run dev
1426
```
1527

16-
## Third Parties
28+
## Third Parties I like and recommend
1729

1830
- Reactjs: <https://react.dev/>
1931
- Nextjs: <https://nextjs.org/>
2032
- Template : <https://github.com/yahyaparvar/nextjs-template/tree/main>
33+
- Testing library: <https://github.com/testing-library/react-testing-library>
34+
- ACT: <https://github.com/nektos/act>
2135
- NVM: <https://github.com/nvm-sh/nvm>
36+
- Knip: <https://github.com/webpro-nl/knip>

‎docker-compose.yml

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
services:
2+
resume-nextjs:
3+
container_name: resume-nextjs
4+
image: resume-nextjs
5+
build: .
6+
ports:
7+
- '3000:3000'

0 commit comments

Comments
 (0)