new-branding: implement cms api in blog

.github/workflows/dev.yml

@@ -29,7 +29,7 @@ jobs:
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Build & push docker images
-        run: make docker ENVIRONMENT=-dev APP_DIR=new-branding NEXT_PUBLIC_BRIDGE_URL=${{ secrets.DEV_NEXT_PUBLIC_BRIDGE_URL }}
+        run: make docker ENVIRONMENT=-dev APP_DIR=new-branding NEXT_PUBLIC_BRIDGE_URL=${{ secrets.DEV_NEXT_PUBLIC_BRIDGE_URL }} NEXT_PUBLIC_CMS_API_URL=${{ secrets.DEV_NEXT_PUBLIC_CMS_API_URL }} CMS_API_URL=${{ secrets.DEV_CMS_API_URL }}
 
   deploy:
     needs: build-dev

.github/workflows/prod.yml

@@ -44,7 +44,7 @@ jobs:
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Build & push docker images
-        run: make docker ENVIRONMENT=-prod APP_DIR=new-branding IMAGE_TAG=${{ inputs.version }} NEXT_PUBLIC_BRIDGE_URL=${{ secrets.PROD_NEXT_PUBLIC_BRIDGE_URL }}
+        run: make docker ENVIRONMENT=-prod APP_DIR=new-branding IMAGE_TAG=${{ inputs.version }} NEXT_PUBLIC_BRIDGE_URL=${{ secrets.PROD_NEXT_PUBLIC_BRIDGE_URL }} NEXT_PUBLIC_CMS_API_URL=${{ secrets.PROD_NEXT_PUBLIC_CMS_API_URL }} CMS_API_URL=${{ secrets.PROD_CMS_API_URL }}
 
   deploy:
     needs: build-prod

Dockerfile

@@ -36,6 +36,10 @@ ENV EMAIL_DEV_TO=placeholder@example.com
 ENV PUBLIC_SITE_URL=https://example.com
 ARG NEXT_PUBLIC_BRIDGE_URL=https://dev.bridge.tricorn.network/
 ENV NEXT_PUBLIC_BRIDGE_URL=$NEXT_PUBLIC_BRIDGE_URL
+ARG NEXT_PUBLIC_CMS_API_URL=https://placeholder.cms.example.com
+ENV NEXT_PUBLIC_CMS_API_URL=$NEXT_PUBLIC_CMS_API_URL
+ARG CMS_API_URL=https://placeholder.cms.example.com
+ENV CMS_API_URL=$CMS_API_URL
 
 RUN npm run build
 

Makefile

@@ -7,8 +7,8 @@ export DOCKER_BUILDKIT=1
 .PHONY: build push docker build-cms push-cms docker-cms help
 
 build: ## Build utexo landing docker image.
-	docker build --build-arg APP_DIR=$(APP_DIR) --build-arg NEXT_PUBLIC_BRIDGE_URL=$(NEXT_PUBLIC_BRIDGE_URL) -f ./Dockerfile -t $(IMAGE_UTEXO_LANDING_BACKUP) . && \
-	docker build --build-arg APP_DIR=$(APP_DIR) --build-arg NEXT_PUBLIC_BRIDGE_URL=$(NEXT_PUBLIC_BRIDGE_URL) -f ./Dockerfile -t $(IMAGE_UTEXO_LANDING_LATEST) .
+	docker build --build-arg APP_DIR=$(APP_DIR) --build-arg NEXT_PUBLIC_BRIDGE_URL=$(NEXT_PUBLIC_BRIDGE_URL) --build-arg NEXT_PUBLIC_CMS_API_URL=$(NEXT_PUBLIC_CMS_API_URL) --build-arg CMS_API_URL=$(CMS_API_URL) -f ./Dockerfile -t $(IMAGE_UTEXO_LANDING_BACKUP) . && \
+	docker build --build-arg APP_DIR=$(APP_DIR) --build-arg NEXT_PUBLIC_BRIDGE_URL=$(NEXT_PUBLIC_BRIDGE_URL) --build-arg NEXT_PUBLIC_CMS_API_URL=$(NEXT_PUBLIC_CMS_API_URL) --build-arg CMS_API_URL=$(CMS_API_URL) -f ./Dockerfile -t $(IMAGE_UTEXO_LANDING_LATEST) .
 
 push: ## Push utexo landing docker image.
 	docker push $(IMAGE_UTEXO_LANDING_BACKUP) && \

cms/src/collections/NewsTypes.ts

@@ -14,11 +14,6 @@ export const NewsTypes: CollectionConfig = {
       type: 'text',
       required: true,
     },
-    {
-      name: 'value',
-      type: 'text',
-      required: true,
-    },
   ],
   hooks: {
     beforeDelete: [

cms/src/payload-types.ts

@@ -176,7 +176,6 @@ export interface Media {
 export interface NewsType {
   id: number;
   label: string;
-  value: string;
   updatedAt: string;
   createdAt: string;
 }
@@ -325,7 +324,6 @@ export interface MediaSelect<T extends boolean = true> {
  */
 export interface NewsTypesSelect<T extends boolean = true> {
   label?: T;
-  value?: T;
   updatedAt?: T;
   createdAt?: T;
 }

new-branding/.env.example

@@ -17,3 +17,8 @@ PUBLIC_SITE_URL=https://utexo.com
 
 # Bridge form URL (endpoint pointing to the bridge submission form used for routing requests)
 NEXT_PUBLIC_BRIDGE_URL=https://example.com
+
+# CMS base URL
+CMS_API_URL=https://example.com
+# CMS base URL for client side
+NEXT_PUBLIC_CMS_API_URL=https://example.com

new-branding/next.config.ts

@@ -1,13 +1,28 @@
 import type { NextConfig } from "next";
 
+const wordpressUrl = new URL(process.env.CMS_API_URL || "http://localhost:3000");
+
 const nextConfig: NextConfig = {
   output: "standalone",
+
   compress: true,
+
   images: {
     formats: ["image/avif", "image/webp"],
+
+    remotePatterns: [
+      {
+        protocol: wordpressUrl.protocol.replace(":", "") as "http" | "https",
+        hostname: wordpressUrl.hostname,
+        port: wordpressUrl.port,
+        pathname: "/api/media/**",
+      },
+    ],
   },
+
   turbopack: {
     root: __dirname,
+
     resolveAlias: {
       "@": "./",
     },