Skip to content

Wedding Invitation πŸ€΅β€πŸ‘°πŸ’Œ

Notifications You must be signed in to change notification settings

LeeKyuHyuk/wedding-invitation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Wedding Invitation React.js Template

κ²°ν˜Όμ‹ μ΄ˆλŒ€λ₯Ό μœ„ν•œ 청첩μž₯ ν…œν”Œλ¦Ώμž…λ‹ˆλ‹€.
이 μ €μž₯μ†Œκ°€ λ§ˆμŒμ— λ“€κ±°λ‚˜ μ‚¬μš©ν•˜κ²Œ λ˜μ‹ λ‹€λ©΄, Star와 Fork λΆ€νƒλ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€πŸ˜‰

Template Preview

Wedding Invitation

Preview

ν…œν”Œλ¦Ώμ— ν¬ν•¨ν•˜κ³  μžˆλŠ” λ‚΄μš© 및 κΈ°λŠ₯

  • κ²°ν˜Όμ‹ λ‚ μ§œ, μœ„μΉ˜, 인사말 좜λ ₯
  • 사진첩
  • μΆ•μ˜κΈˆμ„ 보내싀 κ³³ (κ³„μ’Œλ²ˆν˜Έ ν΄λ¦½λ³΄λ“œ 볡사 κΈ°λŠ₯ 지원)
  • μΉ΄μΉ΄μ˜€ν†‘ 곡유 κΈ°λŠ₯ 및 링크 곡유 κΈ°λŠ₯

Wedding Invitation v1 μ‚¬μš© 방법

./src/pages/index.tsx의 <Head> 뢀뢄을 μ•Œλ§žκ²Œ μˆ˜μ •ν•΄ μ£Όμ„Έμš”.

<meta content="○○○❀○○○ κ²°ν˜Όμ‹μ— μ΄ˆλŒ€ν•©λ‹ˆλ‹€" name="Title" />
<meta content="β—‹β—‹β—‹β—‹λ…„ β—‹β—‹μ›” ○○일 β—‹μš”μΌ μ˜€μ „ β—‹β—‹μ‹œ β—‹β—‹λΆ„" name="Description" />
<meta content="β—‹β—‹β—‹β—‹λ…„ β—‹β—‹μ›” ○○일 β—‹μš”μΌ μ˜€μ „ β—‹β—‹μ‹œ β—‹β—‹λΆ„" name="Keyword" />
<meta property="og:title" content="○○○❀○○○ κ²°ν˜Όμ‹μ— μ΄ˆλŒ€ν•©λ‹ˆλ‹€" />
<meta property="og:description" content="β—‹β—‹β—‹β—‹λ…„ β—‹β—‹μ›” ○○일 β—‹μš”μΌ μ˜€μ „ β—‹β—‹μ‹œ β—‹β—‹λΆ„" />
<meta property="og:url" content="https://kyuhyuk.kr/wedding-invitation" />
<meta name="theme-color" content="#BCAAA4" />

./src/data.jsonλ₯Ό μˆ˜μ •ν•˜μ—¬ μ‚¬μš©ν•©λ‹ˆλ‹€.

{
  "date": "1970λ…„ 01μ›” 01일, λͺ©μš”일 μ˜€μ „ 12μ‹œ 00λΆ„",
  "location": "○○○웨딩, β—‹μΈ΅ ○○홀",
  "gretting": "μ„œλ‘œ 마주 보며 λ‹€μ Έμ˜¨ μ‚¬λž‘μ„\n이제 ν•¨κ»˜ ν•œκ³³μ„ 바라보며 κ±Έμ–΄κ°ˆ 수 μžˆλŠ”\n큰 μ‚¬λž‘μœΌλ‘œ ν‚€μš°κ³ μž ν•©λ‹ˆλ‹€.\n저희 두 μ‚¬λžŒμ΄ μ‚¬λž‘μ˜ μ΄λ¦„μœΌλ‘œ μ§€μΌœλ‚˜κ°ˆ 수 있게\nμ•žλ‚ μ„ 좕볡해 μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€.",
  "groom": {
    "name": "β—‹β—‹β—‹",
    "account_number": "○○은행 ***-***-******",
    "parents": {
      "mother": {
        "name": "β—‹β—‹β—‹",
        "account_number": "○○은행 ***-***-******"
      },
      "father": {
        "name": "β—‹β—‹β—‹",
        "account_number": "○○은행 ***-***-******"
      }
    }
  },
  "bride": {
    "name": "β—‹β—‹β—‹",
    "account_number": "○○은행 ***-***-******",
    "parents": {
      "mother": {
        "name": "β—‹β—‹β—‹",
        "account_number": "○○은행 ***-***-******"
      },
      "father": {
        "name": "β—‹β—‹β—‹",
        "account_number": "○○은행 ***-***-******"
      }
    }
  },
  "kakaotalk": {
    "api_token": "",
    "wedding_invitation_url": "",
    "share_image": ""
  }
}