giant-sur
π macOS Big Sur UI clone for the web built with React, Next.js, TypeScript, and Tailwind CSS
νμΌ νμκΈ°
μ΅μ’ λ²μ λ€μ΄λ‘λ (.zip)- app.test.tsx.snap
- desktop.tsx.snap
- dock.test.tsx.snap
- menu.test.tsx.snap
- menubar.test.tsx.snap
- app.test.tsx
- desktop.tsx
- dock.test.tsx
- menu.test.tsx
- menubar.test.tsx
- index.tsx
- index.tsx
- index.tsx
- index.tsx
- _app.tsx
- index.tsx
- apple-logo.png
- battery-icon.png
- calendar-logo.png
- contacts-logo.png
- control-center-icon.png
- disk-icon.png
- facetime-logo.png
- finder-logo.png
- folder-icon.png
- magnifier-icon.png
- mail-logo.png
- maps-logo.png
- messages-logo.png
- music-logo.png
- news-logo.png
- note-logo.png
- pdf-icon.png
- photos-logo.png
- reminders-logo.png
- safari-logo.png
- settings-logo.png
- siri-logo.png
- stocks-logo.png
- surtur-wallpaper.jpg
- wifi-icon.png
- favicon.ico
- vercel.svg
- index.ts
- globals.css
- Home.module.css
- .babelrc
- .dockerignore
- .eslintignore
- .eslintrc
- .gitignore
- Dockerfile
- jest.config.ts
- jest.setup.ts
- next-env.d.ts
- next.config.js
- package.json
- postcss.config.js
- README.md
- screenshot.png
- tailwind.config.js
- tempPolyfills.ts
- tsconfig.json
- yarn.lock
# μ€μΉ κ°μ΄λ
1. μ½λ λ΄λ €λ°κΈ°
git clone https://github.com/soroushchehresa/giant-sur
κΉνλΈμμ νλ‘μ νΈ μ½λ μ 체λ₯Ό λ΄ μ»΄ν¨ν°λ‘ λ΄λ €λ°μ΅λλ€.
cd giant-sur
λ°©κΈ λ΄λ €λ°μ νλ‘μ νΈ ν΄λ μμΌλ‘ μ΄λν©λλ€.
2. Docker
μ¬μ μΆμ²μ¬μ μ€λΉλ¬Ό
- Git GitHubμμ νλ‘μ νΈ μ½λλ₯Ό λ΄λ €λ°μΌλ €λ©΄ νμν©λλ€.
- Docker Desktop 컨ν μ΄λλ₯Ό λΉλνκ³ μ€ννλ €λ©΄ νμν©λλ€. μ€μΉ ν μ€νν΄μ λ°±κ·ΈλΌμ΄λμ μΌλμΈμ.
docker build -t giant-sur .
Dockerfileμ κΈ°λ°μΌλ‘ μ€ν κ°λ₯ν μ΄λ―Έμ§λ₯Ό λΉλν©λλ€.
docker run -p 8080:80 giant-sur
λΉλλ μ΄λ―Έμ§λ₯Ό μ€μ 컨ν μ΄λλ‘ μ€νν©λλ€.
ν°λ―Έλμ docker compose ps λ₯Ό μ
λ ₯ν΄ μ»¨ν
μ΄λλ€μ΄ Up μνμΈμ§ νμΈνμΈμ. READMEμ ν¬νΈ λ²νΈκ° μ νμλ€λ©΄ λΈλΌμ°μ μμ http://localhost:ν¬νΈλ²νΈ λ‘ μ μν΄λ³΄μΈμ.
3. Node.js
μ¬μμ¬μ μ€λΉλ¬Ό
npm install
package.jsonμ λͺ μλ λΌμ΄λΈλ¬λ¦¬λ€μ λ΄λ €λ°μ μ€μΉν©λλ€.
npm start
κ°λ°/μ€ν μλ²λ₯Ό μΌλλ€.
λͺ
λ Ήμ΄ μ€ν ν ν°λ―Έλμ λνλλ μ£Όμ(λ³΄ν΅ http://localhost:3000 νν)λ₯Ό λΈλΌμ°μ μμ μ΄μ΄λ³΄μΈμ.
// repository documentation
Was this content helpful?
(0 ratings)
