배포

README.md

@@ -1,84 +1,45 @@
-# Turborepo starter
+<img width="300" alt="Instead_logo" src="https://github.com/user-attachments/assets/a7f45c69-47dd-4c48-92ee-e0a7ffb3d756">
 
-This is an official starter Turborepo.
+#### This is an official repository for @Instead
 
-## Using this example
+<span heigth=50px style="margin-top:120px;"></div>
 
-Run the following command:
+<br>
+service url: https://www.instd.io/
 
-```sh
-npx create-turbo@latest
-```
 
 ## What's inside?
 
 This Turborepo includes the following packages/apps:
 
 ### Apps and Packages
 
-- `docs`: a [Next.js](https://nextjs.org/) app
-- `web`: another [Next.js](https://nextjs.org/) app
-- `@repo/ui`: a stub React component library shared by both `web` and `docs` applications
-- `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
-- `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo
+- `web`: a Next.js project for web service
+- `@repo/ui`: a stub React design system component library shared by services located in `apps/**`
+- `@repo/theme`: manages shared design tokens (colors, radius, spacing, typography) for consistent UI across apps.
 
 Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
 
-### Utilities
+### Install Dependencies
 
-This Turborepo has some additional tools already setup for you:
+To install dependencies for all apps and packages, run the following command:
 
-- [TypeScript](https://www.typescriptlang.org/) for static type checking
-- [ESLint](https://eslint.org/) for code linting
-- [Prettier](https://prettier.io) for code formatting
+```
+pnpm install
+```
 
 ### Build
 
 To build all apps and packages, run the following command:
 
 ```
-cd my-turborepo
-pnpm build
+pnpx turbo run build
 ```
 
 ### Develop
 
 To develop all apps and packages, run the following command:
 
 ```
-cd my-turborepo
-pnpm dev
-```
-
-### Remote Caching
-
-> [!TIP]
-> Vercel Remote Cache is free for all plans. Get started today at [vercel.com](https://vercel.com/signup?/signup?utm_source=remote-cache-sdk&utm_campaign=free_remote_cache).
-
-Turborepo can use a technique known as [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching) to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.
-
-By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can [create one](https://vercel.com/signup?utm_source=turborepo-examples), then enter the following commands:
-
-```
-cd my-turborepo
-npx turbo login
-```
-
-This will authenticate the Turborepo CLI with your [Vercel account](https://vercel.com/docs/concepts/personal-accounts/overview).
-
-Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your Turborepo:
-
+pnpx turbo run dev
 ```
-npx turbo link
-```
-
-## Useful Links
-
-Learn more about the power of Turborepo:
-
-- [Tasks](https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks)
-- [Caching](https://turbo.build/repo/docs/core-concepts/caching)
-- [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching)
-- [Filtering](https://turbo.build/repo/docs/core-concepts/monorepos/filtering)
-- [Configuration Options](https://turbo.build/repo/docs/reference/configuration)
-- [CLI Usage](https://turbo.build/repo/docs/reference/command-line-reference)

apps/web/src/app/join/Join.tsx

@@ -5,13 +5,14 @@ import * as styles from './page.css';
 import InsteadLogoImage from '@web/assets/images/instead.svg';
 import { Spacing } from '@repo/ui/Spacing';
 import JoinImage from '@web/assets/images/join.png';
-import { useToast } from '@repo/ui/hooks';
+import { useToast, useModal } from '@repo/ui/hooks';
 import { useEffect } from 'react';
 import { Text } from '@repo/ui/Text';
 import { GoogleLoginButton } from './_components/GoogleLoginButton/GoogleLoginButton';
 
 export default function JoinPage() {
   const toast = useToast();
+  const modal = useModal();
 
   useEffect(() => {
     const params = new URLSearchParams(window.location.search);
@@ -20,8 +21,15 @@ export default function JoinPage() {
     }
   }, [toast]);
 
-  const handleGoogleLogin = () => {
-    window.location.href = process.env.NEXT_PUBLIC_GOOGLE_AUTH_URL ?? '';
+  const handleGoogleLogin = async () => {
+    //window.location.href = process.env.NEXT_PUBLIC_GOOGLE_AUTH_URL ?? '';
+    modal.alert({
+      title: '서버 점검 중',
+      description:
+        '5/30(금) 오전 1시에 완료될 예정이에요\n이용에 불편을 드려 죄송해요',
+      alertButton: '확인',
+      isCloseOnDimmerClick: false,
+    });
   };
   return (
     <div className={styles.wrapper}>