Skip to content

ssseok/wedding.invitation

Repository files navigation

Wedding Invitation React.js Template (결혼 청첩μž₯ ν…œν”Œλ¦Ώ)

Danmin Gatsby Blog Template is released under the 0BSD license.

Demo Website: wedding.invitation
Open source Code: Github

WIki: Wiki (Wiki μ½λŠ” 것을 μΆ”μ²œν•©λ‹ˆλ‹€)

Β 

β€οΈμ‹œμ—° μ˜μƒ

Β 

πŸ‘‹ μ†Œκ°œ

React 기반으둜 λ§Œλ“  λͺ¨λ°”일 결혼청첩μž₯μž…λ‹ˆλ‹€.

λˆ„κ΅¬λ‚˜ μ†μ‰½κ²Œ μ»€μŠ€ν…€ν•  수 μžˆκ²Œλ” μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.(μžμ„Έν•˜κ²Œ μ μ–΄λ†“μ•˜μœΌλ‹ˆ Wikiλ₯Ό λ΄μ£Όμ„Έμš”)

λ¬Έμ œκ°€ μžˆκ±°λ‚˜ μ½”λ“œμ— 버그가 μžˆλ‹€λ©΄ μ•„λ‚Œμ—†μ΄ Issues ν•΄μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€.

Β 

✨ κΈ°λŠ₯

✨ [μŠ€ν”Œλž˜μ‹œ ν™”λ©΄]
2025-03-20.15.58.20.mov
πŸ’… [슀크둀 μ• λ‹ˆλ©”μ΄μ…˜ & 결혼 μΆ•ν•˜ 문ꡬ & μ—°λ½μ²˜]
2025-03-20.15.58.28.mov
πŸ“† [μΊ˜λ¦°λ”]
2025-03-20.16.00.40.mov
πŸ“Έ [가러리]
2025-03-20.16.20.29.mov
2025-03-20.15.58.51.mov
πŸ—ΊοΈ [지도λ₯Ό ν™œμš©ν•œ μœ„μΉ˜]
2025-03-20.15.58.57.mov
πŸ’Έ [κ³„μ’Œλ²ˆν˜Έ]
2025-03-20.15.59.06.mov
πŸ’¬ [μΆ•ν•˜ λ©”μ‹œμ§€(λ°©λͺ…둝)]
2025-03-20.15.59.13.mov
2025-03-20.15.59.24.mov
πŸ‘¨πŸΌβ€πŸ’» [κ³΅μœ ν•˜κΈ°](
2025-03-20.15.59.31.mov
🎡 [λ°°κ²½μŒμ•…(useVideoCheck(λ°°λ„ˆ λΉ„λ””μ˜€κ°€ μžˆλŠ”μ§€ 체크해 μ£ΌλŠ” hook))](
λ°°κ²½μŒμ•… Wiki 보기

Β 

πŸš€ μ‹œμž‘ν•˜κΈ°

Github Page, Netlify, Vercel λ“± μ›ν•˜μ‹œλŠ” 배포 ν™˜κ²½μ„ μ‚¬μš©ν•˜μ‹œλ©΄ λ©λ‹ˆλ‹€.

Β 

πŸ”§ Vercel λ§Œλ“€κΈ°

Vercel둜 λ°°ν¬ν•˜κΈ°

πŸƒβ€β™€οΈ μ‹€ν–‰ν•˜κΈ°

Localμ—μ„œ μ‚¬μš©λ°©λ²•

Β 

✨ 청첩μž₯ μ»€μŠ€ν…€ν•˜κΈ°

export const SPLASH_TEXT = [`β—‹β—‹, β—‹β—‹ κ²°ν˜Όν•©λ‹ˆλ‹€.`];

// λΉ„λ””μ˜€ 정보 (첫 ν™”λ©΄ λΉ„λ””μ˜€κ°€ 있으면 λ°°λ„ˆ 이미지 λ³΄λ‹€λŠ” λΉ„λ””μ˜€κ°€ μš°μ„ μ μœΌλ‘œ 보여짐)
export const VIDEO_URL = '';
export const POSTER_URL = '';

// λ°°λ„ˆ 이미지 (λ§¨μœ„ μ²˜μŒμ— λ³΄μ—¬μ§€λŠ” 사진)
export const BANNERIMAGE =
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/d5b8c0a2-13c7-4e81-70ee-20f263346200/tog';

// 결혼 μ΄ˆλŒ€μž₯ 문ꡬ λ‹€μŒμœΌλ‘œ λ³΄μ—¬μ§ˆ 이미지
export const WEDDING_INVITATION_IMAGE =
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/b64b73bf-f02c-42a7-55f9-1dcf79afa700/public';

// 지도 & λ‚ μ§œ 정보
export const WEDDING_DATE = '2025.03.15';
export const WEDDING_LOCATION = 'β—‹β—‹β—‹β—‹ β—‹β—‹β—‹ β—‹F, β—‹β—‹β—‹β—‹';
export const WEDDING_LOCATION_NAME = '○○○○○○○홀';
export const WEDDING_ADDRESS = 'β—‹β—‹β—‹β—‹ β—‹β—‹β—‹ β—‹β—‹β—‹β—‹';
export const WEDDING_LOCATION_TEL = 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹';
export const WEDDING_LOCATION_SUBWAY = '[β—‹β—‹ν˜Έμ„ ] β—‹β—‹μ—­ β—‹β—‹μ—­ β—‹λ²ˆ 좜ꡬ 도보 β—‹λΆ„';
export const WEDDING_LOCATION_BUS = [
  'β—‹β—‹β—‹β—‹ ν•˜μ°¨: β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹',
  'β—‹β—‹β—‹β—‹ ν•˜μ°¨: β—‹β—‹β—‹, β—‹β—‹β—‹, β—‹β—‹β—‹',
];
export const WEDDING_PARKING = 'β—‹β—‹β—‹λŒ€ λ™μ‹œ μ£Όμ°¨ κ°€λŠ₯ (무료)';
export const WEDDING_MAP_LOT = 37.5739539541608; // 경도
export const WEDDING_MAP_LAT = 127.085105452975; // μœ„λ„

// μ‹ λž‘ & μ‹ λΆ€ 정보
export const GROOM_NAME = 'β—‹β—‹β—‹';
export const GROOM_FATHER_NAME = 'β—‹β—‹β—‹';
export const GROOM_MOTHER_NAME = 'β—‹β—‹β—‹';
export const BRIDE_NAME = 'β—‹β—‹β—‹';
export const BRIDE_FATHER_NAME = 'β—‹β—‹β—‹';
export const BRIDE_MOTHER_NAME = 'β—‹β—‹β—‹';

// μ—°λ½μ²˜
export const GROOM_CONTACT = [
  { designation: 'μ‹ λž‘', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { designation: 'μ‹ λž‘ 爢', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { designation: 'μ‹ λž‘ 母', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
];
export const BRIDE_CONTACT = [
  { designation: 'μ‹ λΆ€', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { designation: 'μ‹ λΆ€ 爢', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { designation: 'μ‹ λΆ€ 母', name: 'β—‹β—‹β—‹', phone: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
];

// κ³„μ’Œλ²ˆν˜Έ 정보
export const GROOM_ACCOUNTS = [
  { holder: 'β—‹β—‹β—‹', bank: '○○은행', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { holder: 'β—‹β—‹β—‹', bank: '○○은행', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { holder: 'β—‹β—‹β—‹', bank: '○○은행', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
];

export const BRIDE_ACCOUNTS = [
  { holder: 'β—‹β—‹β—‹', bank: '○○은행', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { holder: 'β—‹β—‹β—‹', bank: 'β—‹β—‹', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
  { holder: 'β—‹β—‹β—‹', bank: '○○○뱅크', number: 'β—‹β—‹β—‹-β—‹β—‹β—‹-β—‹β—‹β—‹β—‹' },
];

// 가러리 이미지
export const GALLERY_IMAGES = [
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/b64b73bf-f02c-42a7-55f9-1dcf79afa700/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/be9c5bb8-696e-4711-c00d-ccdaf35bc000/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/47a01f11-b2b0-411c-578f-2e548e0dcc00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/75b30063-2783-4260-8f3c-9fa9985aa600/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/d0f72f55-c734-412a-2e89-9f00077d8f00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/ffda64ea-96b7-42b4-4bcf-32dae73a8700/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/dcf70027-eb72-4555-4c47-b586076bd300/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/f3136807-5528-4684-0cc0-8ac1b396b400/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/779adc77-561f-4c60-991b-2479589be700/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/45acb57a-0415-4ef3-bf59-4287eadbd800/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/1164b3d2-66dc-4e7f-bfab-4f7b2a991700/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/765c3547-13ab-46cb-a5fb-44d4279a1500/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/bdc6075b-bc9c-49ed-0061-abe64e862200/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/9acd1762-59d5-4f10-e1f4-df98365e4300/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/23c7ad63-d811-4787-fdb8-b5e78aeaaf00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/dbb6da6a-812f-4c7b-811f-3dce367c0500/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/fe4ba775-0ead-429e-42a7-23fbafa31700/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/d4a02fde-d6d1-4959-e96b-7bd8a3724b00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/7fa74aaa-8f2d-4458-6ccd-dc6f8425d300/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/b5cf04d1-4cdf-4b6d-eaf7-3b176dce4400/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/ae7d220a-3c8c-4480-dbc4-3a64ca55fa00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/20aa8e87-32c2-455d-db7b-5185d953a400/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/a1bc1868-f673-4ca0-7798-48a091ce1e00/public',
  'https://imagedelivery.net/9PYUDgg_yiUa2u-j77sFBg/58bd90d8-408c-4a53-14ec-51321ac66500/public',
];

Β 

✍️ λ°©λͺ…둝 & 지도 & κ³΅μœ ν•˜κΈ° API KEY 등둝

API KEY μ„€μ •ν•˜λŠ” 방법

  • Naver, Kakao, Supabase μ„€μ •ν•˜λŠ” λ°©λ²•μž…λ‹ˆλ‹€.

Β 

🚨 Requirements

bun 1.2.3

πŸ’‘ 문의

질문이 μžˆμœΌμ‹œκ±°λ‚˜ μ œμ•ˆν•˜κ³  μ‹ΆμœΌμ‹  κΈ°λŠ₯이 μžˆμœΌμ‹œλ‹€λ©΄, πŸ‘‰ 여기에 νŽΈν•˜κ²Œ λŒ“κΈ€ λ‚¨κ²¨μ£Όμ„Έμš”! :)

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages