Skip to content

LeeKyuHyuk/wedding-invitation

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commits

.github/workflows

.github/workflows

Β 
Β 

public/assets

public/assets

Β 
Β 

src

src

Β 
Β 

.eslintrc.json

.eslintrc.json

Β 
Β 

.gitignore

.gitignore

Β 
Β 

Preview.gif

Preview.gif

Β 
Β 

README.md

README.md

Β 
Β 

next.config.mjs

next.config.mjs

Β 
Β 

package-lock.json

package-lock.json

Β 
Β 

package.json

package.json

Β 
Β 

tsconfig.json

tsconfig.json

Β 
Β 

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": ""
  }
}

About

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

Topics

react template wedding-invitation

Resources

Readme
Activity

Stars

104 stars

Watchers

3 watching

Forks

52 forks
Report repository

Releases 2

Wedding Invitation React.js Template v1.0.1 Latest
Sep 12, 2021
+ 1 release

Languages