๐Ÿš€ Complete

Project Duration

2024.01.12 ~ 2024.01.16

codewithsangmin

Demo

Skills

Next.js
shadcn/ui
TypeScript
Github
Notion
framer-motion

Features

custom react hooks
react context
contents managing
animation
dark mode
validate email

Created at2024.03.10

Latest update9 months ago

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ CMS๊ฐ€ ๊ฐ€์žฅ ํฐ ๊ณ ๋ฏผ์ด์˜€์Šต๋‹ˆ๋‹ค. ๊ทธ๋ƒฅ ๋งˆํฌ๋‹ค์šด ํŒŒ์ผ๋กœ ํ•˜๊ธฐ์—๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์ด ์žˆ๊ณ  Sanity๋ฅผ ์ ์šฉํ•˜์˜€์œผ๋‚˜ ์ŠคํŠœ๋””์˜ค๋ฅผ ๋“ค์–ด๊ฐˆ๋•Œ ๋ ‰์ด ๋„ˆ๋ฌด ๊ฑธ๋ ค์„œ ํฌ๊ธฐํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ์ €๋Ÿฐ ์ƒ๊ฐ์„ ๊ฑฐ์นœํ›„์— ๋…ธ์…˜์œผ๋กœ ์‚ฌ์ดํŠธ ์ปจํ…์ธ ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ์›๋ž˜ ๋…ธ์…˜์œผ๋กœ ๋ฌธ์„œ๋ฅผ ๊ด€๋ฆฌํ•˜์—ฌ ๋”์šฑ ํŽธํ• ๊ฑฐ๋ผ ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค.

image.png

๋…ธ์…˜ API๋Š” ์ž˜๋˜์–ด ์žˆ์ง€๋งŒ ๋…ธ์…˜ ๊ตฌ์กฐ ์ž์ฒด๊ฐ€ ๋ณต์žกํ•˜์—ฌ API๋ฅผ ๋ถ„์„ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์„ ๊ฝค๋‚˜ ์žก์•„๋จน์—ˆ์Šต๋‹ˆ๋‹ค.

image.png

image.png

image.png

ํ•˜์ง€๋งŒ ๋‚˜๋ฆ„ ๋งŒ์กฑ์Šค๋Ÿฌ์šด ๊ฒฐ๊ณผ๋ฅผ ๋งŒ๋“ค์–ด๋‚ด ๋ฟŒ๋“ฏํ•ฉ๋‹ˆ๋‹ค ๐Ÿ˜Ž

๋ถ€์กฑํ•œ ์ ์€ ์ฐจ์ฐจ ์—…๋ฐ์ดํŠธํ•ด๋‚˜๊ฐˆ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

ยฉ 2023 Sangmin Lee. All rights reserved.