diff --git a/express/serverless.containers.yml b/example-express/serverless.containers.yml
similarity index 100%
rename from express/serverless.containers.yml
rename to example-express/serverless.containers.yml
diff --git a/express/service/package-lock.json b/example-express/service/package-lock.json
similarity index 100%
rename from express/service/package-lock.json
rename to example-express/service/package-lock.json
diff --git a/express/service/package.json b/example-express/service/package.json
similarity index 100%
rename from express/service/package.json
rename to example-express/service/package.json
diff --git a/express/service/src/index.js b/example-express/service/src/index.js
similarity index 100%
rename from express/service/src/index.js
rename to example-express/service/src/index.js
diff --git a/express/service/src/public/css/styles.css b/example-express/service/src/public/css/styles.css
similarity index 100%
rename from express/service/src/public/css/styles.css
rename to example-express/service/src/public/css/styles.css
diff --git a/fullstack/README.md b/example-fullstack/README.md
similarity index 100%
rename from fullstack/README.md
rename to example-fullstack/README.md
diff --git a/fullstack/infra/template.yaml b/example-fullstack/infra/template.yaml
similarity index 100%
rename from fullstack/infra/template.yaml
rename to example-fullstack/infra/template.yaml
diff --git a/fullstack/serverless-compose.yml b/example-fullstack/serverless-compose.yml
similarity index 88%
rename from fullstack/serverless-compose.yml
rename to example-fullstack/serverless-compose.yml
index 3de2f71..8af7f59 100644
--- a/fullstack/serverless-compose.yml
+++ b/example-fullstack/serverless-compose.yml
@@ -3,7 +3,7 @@ services:
   infra:
     path: ./infra
   scf:
-    path: ./scf
+    path: ./services
     params:
       userTable: ${infra.UsersTableName}
       postsTable: ${infra.PostsTableName}
diff --git a/fullstack/scf/posts-api/package-lock.json b/example-fullstack/services/api-posts/package-lock.json
similarity index 100%
rename from fullstack/scf/posts-api/package-lock.json
rename to example-fullstack/services/api-posts/package-lock.json
diff --git a/fullstack/scf/posts-api/package.json b/example-fullstack/services/api-posts/package.json
similarity index 100%
rename from fullstack/scf/posts-api/package.json
rename to example-fullstack/services/api-posts/package.json
diff --git a/fullstack/scf/posts-api/src/index.js b/example-fullstack/services/api-posts/src/index.js
similarity index 100%
rename from fullstack/scf/posts-api/src/index.js
rename to example-fullstack/services/api-posts/src/index.js
diff --git a/fullstack/scf/user-api/package-lock.json b/example-fullstack/services/api-users/package-lock.json
similarity index 100%
rename from fullstack/scf/user-api/package-lock.json
rename to example-fullstack/services/api-users/package-lock.json
diff --git a/fullstack/scf/user-api/package.json b/example-fullstack/services/api-users/package.json
similarity index 100%
rename from fullstack/scf/user-api/package.json
rename to example-fullstack/services/api-users/package.json
diff --git a/fullstack/scf/user-api/src/index.js b/example-fullstack/services/api-users/src/index.js
similarity index 100%
rename from fullstack/scf/user-api/src/index.js
rename to example-fullstack/services/api-users/src/index.js
diff --git a/fullstack/scf/ui/.gitignore b/example-fullstack/services/client-web/.gitignore
similarity index 100%
rename from fullstack/scf/ui/.gitignore
rename to example-fullstack/services/client-web/.gitignore
diff --git a/fullstack/scf/ui/eslint.config.mjs b/example-fullstack/services/client-web/eslint.config.mjs
similarity index 100%
rename from fullstack/scf/ui/eslint.config.mjs
rename to example-fullstack/services/client-web/eslint.config.mjs
diff --git a/fullstack/scf/ui/next.config.ts b/example-fullstack/services/client-web/next.config.ts
similarity index 100%
rename from fullstack/scf/ui/next.config.ts
rename to example-fullstack/services/client-web/next.config.ts
diff --git a/fullstack/scf/ui/package-lock.json b/example-fullstack/services/client-web/package-lock.json
similarity index 100%
rename from fullstack/scf/ui/package-lock.json
rename to example-fullstack/services/client-web/package-lock.json
diff --git a/fullstack/scf/ui/package.json b/example-fullstack/services/client-web/package.json
similarity index 100%
rename from fullstack/scf/ui/package.json
rename to example-fullstack/services/client-web/package.json
diff --git a/fullstack/scf/ui/postcss.config.mjs b/example-fullstack/services/client-web/postcss.config.mjs
similarity index 100%
rename from fullstack/scf/ui/postcss.config.mjs
rename to example-fullstack/services/client-web/postcss.config.mjs
diff --git a/fullstack/scf/ui/public/file.svg b/example-fullstack/services/client-web/public/file.svg
similarity index 100%
rename from fullstack/scf/ui/public/file.svg
rename to example-fullstack/services/client-web/public/file.svg
diff --git a/fullstack/scf/ui/public/globe.svg b/example-fullstack/services/client-web/public/globe.svg
similarity index 100%
rename from fullstack/scf/ui/public/globe.svg
rename to example-fullstack/services/client-web/public/globe.svg
diff --git a/fullstack/scf/ui/public/next.svg b/example-fullstack/services/client-web/public/next.svg
similarity index 100%
rename from fullstack/scf/ui/public/next.svg
rename to example-fullstack/services/client-web/public/next.svg
diff --git a/fullstack/scf/ui/public/vercel.svg b/example-fullstack/services/client-web/public/vercel.svg
similarity index 100%
rename from fullstack/scf/ui/public/vercel.svg
rename to example-fullstack/services/client-web/public/vercel.svg
diff --git a/fullstack/scf/ui/public/window.svg b/example-fullstack/services/client-web/public/window.svg
similarity index 100%
rename from fullstack/scf/ui/public/window.svg
rename to example-fullstack/services/client-web/public/window.svg
diff --git a/fullstack/scf/ui/src/app/components/AddUserModal.tsx b/example-fullstack/services/client-web/src/app/components/AddUserModal.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/components/AddUserModal.tsx
rename to example-fullstack/services/client-web/src/app/components/AddUserModal.tsx
diff --git a/fullstack/scf/ui/src/app/components/EditUserModal.tsx b/example-fullstack/services/client-web/src/app/components/EditUserModal.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/components/EditUserModal.tsx
rename to example-fullstack/services/client-web/src/app/components/EditUserModal.tsx
diff --git a/fullstack/scf/ui/src/app/components/PostModal.tsx b/example-fullstack/services/client-web/src/app/components/PostModal.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/components/PostModal.tsx
rename to example-fullstack/services/client-web/src/app/components/PostModal.tsx
diff --git a/fullstack/scf/ui/src/app/favicon.ico b/example-fullstack/services/client-web/src/app/favicon.ico
similarity index 100%
rename from fullstack/scf/ui/src/app/favicon.ico
rename to example-fullstack/services/client-web/src/app/favicon.ico
diff --git a/fullstack/scf/ui/src/app/globals.css b/example-fullstack/services/client-web/src/app/globals.css
similarity index 100%
rename from fullstack/scf/ui/src/app/globals.css
rename to example-fullstack/services/client-web/src/app/globals.css
diff --git a/fullstack/scf/ui/src/app/layout.tsx b/example-fullstack/services/client-web/src/app/layout.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/layout.tsx
rename to example-fullstack/services/client-web/src/app/layout.tsx
diff --git a/fullstack/scf/ui/src/app/page.tsx b/example-fullstack/services/client-web/src/app/page.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/page.tsx
rename to example-fullstack/services/client-web/src/app/page.tsx
diff --git a/fullstack/scf/ui/src/app/posts/page.tsx b/example-fullstack/services/client-web/src/app/posts/page.tsx
similarity index 100%
rename from fullstack/scf/ui/src/app/posts/page.tsx
rename to example-fullstack/services/client-web/src/app/posts/page.tsx
diff --git a/fullstack/scf/ui/tailwind.config.ts b/example-fullstack/services/client-web/tailwind.config.ts
similarity index 100%
rename from fullstack/scf/ui/tailwind.config.ts
rename to example-fullstack/services/client-web/tailwind.config.ts
diff --git a/fullstack/scf/ui/tsconfig.json b/example-fullstack/services/client-web/tsconfig.json
similarity index 100%
rename from fullstack/scf/ui/tsconfig.json
rename to example-fullstack/services/client-web/tsconfig.json
diff --git a/example-fullstack/services/serverless.containers.yml b/example-fullstack/services/serverless.containers.yml
new file mode 100644
index 0000000..9daa8e0
--- /dev/null
+++ b/example-fullstack/services/serverless.containers.yml
@@ -0,0 +1,49 @@
+namespace: fullstack
+
+containers:
+  api-users:
+    compute:
+      src: ./api-users
+      environment:
+        SERVICE_NAME: api-users
+        DEPLOYMENT_VERSION: v1.2
+        USER_TABLE_NAME: ${param:userTable}
+    routing:
+      pathPattern: /api/users*
+    awsIam:
+      customPolicy:
+        Version: "2012-10-17"
+        Statement:
+          - Effect: Allow
+            Action:
+              - dynamodb:*
+            Resource:
+              - arn:aws:dynamodb:${aws:region}:${aws:accountId}:table/${param:userTable}
+  api-posts:
+    compute:
+      src: ./api-posts
+      environment:
+        SERVICE_NAME: api-posts
+        DEPLOYMENT_VERSION: v1.1
+        POSTS_TABLE_NAME: ${param:postsTable}
+    routing:
+      pathPattern: /api/posts*
+    awsIam:
+      customPolicy:
+        Version: "2012-10-17"
+        Statement:
+          - Effect: Allow
+            Action:
+              - dynamodb:*
+            Resource:
+              - arn:aws:dynamodb:${aws:region}:${aws:accountId}:table/${param:postsTable}
+  client-web:
+    compute:
+      src: ./client-web
+      type: awsFargate
+      environment:
+        SERVICE_NAME: client-web
+        DEPLOYMENT_VERSION: v1.1
+    routing:
+      pathPattern: /*
+
diff --git a/hono/serverless.containers.yml b/example-hono/serverless.containers.yml
similarity index 100%
rename from hono/serverless.containers.yml
rename to example-hono/serverless.containers.yml
diff --git a/hono/service/package-lock.json b/example-hono/service/package-lock.json
similarity index 100%
rename from hono/service/package-lock.json
rename to example-hono/service/package-lock.json
diff --git a/hono/service/package.json b/example-hono/service/package.json
similarity index 100%
rename from hono/service/package.json
rename to example-hono/service/package.json
diff --git a/hono/service/src/index.js b/example-hono/service/src/index.js
similarity index 100%
rename from hono/service/src/index.js
rename to example-hono/service/src/index.js
diff --git a/hono/service/src/public/css/styles.css b/example-hono/service/src/public/css/styles.css
similarity index 100%
rename from hono/service/src/public/css/styles.css
rename to example-hono/service/src/public/css/styles.css
diff --git a/fullstack/scf/serverless.containers.yml b/fullstack/scf/serverless.containers.yml
deleted file mode 100644
index 99173aa..0000000
--- a/fullstack/scf/serverless.containers.yml
+++ /dev/null
@@ -1,40 +0,0 @@
-namespace: fullstack
-
-awsIam:
-  customPolicy:
-    Version: "2012-10-17"
-    Statement:
-      - Effect: Allow
-        Action:
-          - dynamodb:*
-        Resource:
-          - arn:aws:dynamodb:${aws:region}:${aws:accountId}:table/${param:userTable}
-          - arn:aws:dynamodb:${aws:region}:${aws:accountId}:table/${param:postsTable}
-containers:
-  users-api:
-    compute:
-      src: ./user-api
-      environment:
-        SERVICE_NAME: user-api
-        DEPLOYMENT_VERSION: v1.2
-        USER_TABLE_NAME: ${param:userTable}
-    routing:
-      pathPattern: /api/users*
-  posts-api:
-    compute:
-      src: ./posts-api
-      environment:
-        SERVICE_NAME: posts-api
-        DEPLOYMENT_VERSION: v1.1
-        POSTS_TABLE_NAME: ${param:postsTable}
-    routing:
-      pathPattern: /api/posts*
-  ui:
-    compute:
-      src: ./ui
-      type: awsFargate
-      environment:
-        SERVICE_NAME: ui
-        DEPLOYMENT_VERSION: v1.1
-    routing:
-      pathPattern: /*
diff --git a/fullstack/scf/ui/README.md b/fullstack/scf/ui/README.md
deleted file mode 100644
index e215bc4..0000000
--- a/fullstack/scf/ui/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.