diff options
Diffstat (limited to 'examples/with-docker/apps/web')
| -rw-r--r-- | examples/with-docker/apps/web/.eslintrc.js | 4 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/Dockerfile | 56 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/README.md | 30 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/next-env.d.ts | 5 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/next.config.js | 10 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/package.json | 26 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/public/.gitkeep | 7 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/src/pages/index.tsx | 65 | ||||
| -rw-r--r-- | examples/with-docker/apps/web/tsconfig.json | 5 |
9 files changed, 0 insertions, 208 deletions
diff --git a/examples/with-docker/apps/web/.eslintrc.js b/examples/with-docker/apps/web/.eslintrc.js deleted file mode 100644 index c8df607..0000000 --- a/examples/with-docker/apps/web/.eslintrc.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - root: true, - extends: ["custom"], -}; diff --git a/examples/with-docker/apps/web/Dockerfile b/examples/with-docker/apps/web/Dockerfile deleted file mode 100644 index 6f7da76..0000000 --- a/examples/with-docker/apps/web/Dockerfile +++ /dev/null @@ -1,56 +0,0 @@ -# This Dockerfile is copy-pasted into our main docs at /docs/handbook/deploying-with-docker. -# Make sure you update both files! - -FROM node:alpine AS builder -# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed. -RUN apk add --no-cache libc6-compat -RUN apk update -# Set working directory -WORKDIR /app -RUN yarn global add turbo -COPY . . -RUN turbo prune --scope=web --docker - -# Add lockfile and package.json's of isolated subworkspace -FROM node:alpine AS installer -RUN apk add --no-cache libc6-compat -RUN apk update -WORKDIR /app - -# First install the dependencies (as they change less often) -COPY .gitignore .gitignore -COPY --from=builder /app/out/json/ . -COPY --from=builder /app/out/yarn.lock ./yarn.lock -RUN yarn install - -# Build the project -COPY --from=builder /app/out/full/ . -COPY turbo.json turbo.json - -# Uncomment and use build args to enable remote caching -# ARG TURBO_TEAM -# ENV TURBO_TEAM=$TURBO_TEAM - -# ARG TURBO_TOKEN -# ENV TURBO_TOKEN=$TURBO_TOKEN - -RUN yarn turbo run build --filter=web... - -FROM node:alpine AS runner -WORKDIR /app - -# Don't run production as root -RUN addgroup --system --gid 1001 nodejs -RUN adduser --system --uid 1001 nextjs -USER nextjs - -COPY --from=installer /app/apps/web/next.config.js . -COPY --from=installer /app/apps/web/package.json . - -# Automatically leverage output traces to reduce image size -# https://nextjs.org/docs/advanced-features/output-file-tracing -COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/standalone ./ -COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/static ./apps/web/.next/static -COPY --from=installer --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public - -CMD node apps/web/server.js diff --git a/examples/with-docker/apps/web/README.md b/examples/with-docker/apps/web/README.md deleted file mode 100644 index 4fae62a..0000000 --- a/examples/with-docker/apps/web/README.md +++ /dev/null @@ -1,30 +0,0 @@ -## Getting Started - -First, run the development server: - -```bash -yarn dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file. - -[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`. - -The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. - -## 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/foundations/about-nextjs) - 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_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/examples/with-docker/apps/web/next-env.d.ts b/examples/with-docker/apps/web/next-env.d.ts deleted file mode 100644 index 4f11a03..0000000 --- a/examples/with-docker/apps/web/next-env.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -/// <reference types="next" /> -/// <reference types="next/image-types/global" /> - -// NOTE: This file should not be edited -// see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/examples/with-docker/apps/web/next.config.js b/examples/with-docker/apps/web/next.config.js deleted file mode 100644 index ce29f15..0000000 --- a/examples/with-docker/apps/web/next.config.js +++ /dev/null @@ -1,10 +0,0 @@ -const path = require("path"); - -module.exports = { - reactStrictMode: true, - transpilePackages: ["ui"], - output: "standalone", - experimental: { - outputFileTracingRoot: path.join(__dirname, "../../"), - }, -}; diff --git a/examples/with-docker/apps/web/package.json b/examples/with-docker/apps/web/package.json deleted file mode 100644 index 82398e3..0000000 --- a/examples/with-docker/apps/web/package.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "name": "web", - "version": "0.0.0", - "private": true, - "scripts": { - "build": "next build", - "dev": "next dev", - "lint": "next lint", - "start": "next start" - }, - "dependencies": { - "next": "latest", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "ui": "*" - }, - "devDependencies": { - "@types/node": "^17.0.12", - "@types/react": "^18.0.22", - "@types/react-dom": "^18.0.7", - "eslint": "7.32.0", - "eslint-config-custom": "*", - "tsconfig": "*", - "typescript": "^4.5.3" - } -} diff --git a/examples/with-docker/apps/web/public/.gitkeep b/examples/with-docker/apps/web/public/.gitkeep deleted file mode 100644 index 6ae665a..0000000 --- a/examples/with-docker/apps/web/public/.gitkeep +++ /dev/null @@ -1,7 +0,0 @@ -This public directory can be used to store any static content, see: - - https://nextjs.org/docs/basic-features/static-file-serving - -To remove this directory, also remove the following line from the web `Dockerfile`: - - COPY --from=installer --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public diff --git a/examples/with-docker/apps/web/src/pages/index.tsx b/examples/with-docker/apps/web/src/pages/index.tsx deleted file mode 100644 index 6a82f97..0000000 --- a/examples/with-docker/apps/web/src/pages/index.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import { useEffect, useState } from "react"; -import { Button } from "ui"; - -const API_HOST = process.env.NEXT_PUBLIC_API_HOST || "http://localhost:3001"; - -export default function Web() { - const [name, setName] = useState<string>(""); - const [response, setResponse] = useState<{ message: string } | null>(null); - const [error, setError] = useState<string | undefined>(); - - useEffect(() => { - setResponse(null); - setError(undefined); - }, [name]); - - const onChange = (e: React.ChangeEvent<HTMLInputElement>) => - setName(e.target.value); - - const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => { - e.preventDefault(); - - try { - const result = await fetch(`${API_HOST}/message/${name}`); - const response = await result.json(); - setResponse(response); - } catch (err) { - console.error(err); - setError("Unable to fetch response"); - } - }; - - const onReset = () => { - setName(""); - }; - - return ( - <div> - <h1>Web</h1> - <form onSubmit={onSubmit}> - <label htmlFor="name">Name </label> - <input - type="text" - name="name" - id="name" - value={name} - onChange={onChange} - ></input> - <Button type="submit">Submit</Button> - </form> - {error && ( - <div> - <h3>Error</h3> - <p>{error}</p> - </div> - )} - {response && ( - <div> - <h3>Greeting</h3> - <p>{response.message}</p> - <Button onClick={onReset}>Reset</Button> - </div> - )} - </div> - ); -} diff --git a/examples/with-docker/apps/web/tsconfig.json b/examples/with-docker/apps/web/tsconfig.json deleted file mode 100644 index a355365..0000000 --- a/examples/with-docker/apps/web/tsconfig.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "extends": "tsconfig/nextjs.json", - "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], - "exclude": ["node_modules"] -} |
