#Pabal Web ํ…œํ”Œ๋ฆฟ ๋ฌธ์„œ

Pabal Web์€ ์ธ๋”” ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ Next.js ์ •์  ํ…œํ”Œ๋ฆฟ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๋•ํŠธ ์ƒ์„ธ ํŽ˜์ด์ง€, ๊ฐœ๋ฐœ์ž ์†Œ๊ฐœ, ๋ธ”๋กœ๊ทธ, SEO ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ์ฝ”๋“œ ์ˆ˜์ • ์—†์ด ์ฝ˜ํ…์ธ  ์ค‘์‹ฌ์œผ๋กœ ์šด์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

#์ด ํ…œํ”Œ๋ฆฟ์ด ์ œ๊ณตํ•˜๋Š” ๊ฒƒ

  • ๊ฐ ํ”„๋กœ๋•ํŠธ ํŽ˜์ด์ง€
    • ์ƒ์„ธ ํŽ˜์ด์ง€
    • ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ ๋ฐ ์ด์šฉ์•ฝ๊ด€ ํŽ˜์ด์ง€
    • ์ด๋ฉ”์ผ ์ˆ˜์‹ ์ด ๊ฐ€๋Šฅํ•œ ๋ฌธ์˜ ํผ ๋ผ์šฐํŠธ
  • ํ™ˆ์˜ ๊ฐœ๋ฐœ์ž ์†Œ๊ฐœ ์„น์…˜
  • ๋ธ”๋กœ๊ทธ ์‹œ์Šคํ…œ
    • ์•ฑ๋ณ„ ๋ธ”๋กœ๊ทธ ๋ชฉ๋ก ๋ฐ ๊ธ€ ์ƒ์„ธ ํŽ˜์ด์ง€
    • ์•ฑ๋ณ„ ์ตœ์‹  ๋ธ”๋กœ๊ทธ ๋ฐฐ๋„ˆ ๋ผ์šฐํŠธ
  • SEO ๊ธฐ๋ณธ ๊ตฌ์„ฑ
    • sitemap ๋ฐ robots ์ƒ์„ฑ
    • Google Search Console ์ธ๋ฑ์‹ฑ ์Šคํฌ๋ฆฝํŠธ

#๋น ๋ฅธ ์‹œ์ž‘

  1. ํ…œํ”Œ๋ฆฟ์œผ๋กœ ์ €์žฅ์†Œ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๋กœ์ปฌ๋กœ ํด๋ก ํ•ฉ๋‹ˆ๋‹ค.
  2. ์˜์กด์„ฑ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.
    yarn install
    
  3. ์˜ˆ์ œ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณต์‚ฌํ•ฉ๋‹ˆ๋‹ค.
    cp -r examples/public/* public/
    
  4. .env.local.example์„ ๊ธฐ๋ฐ˜์œผ๋กœ .env.local์„ ๋งŒ๋“ค๊ณ  ๊ฐ’์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
  5. ๋กœ์ปฌ ๊ฐœ๋ฐœ ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.
    yarn dev
    
  6. ์ƒ์„ธ ์ ˆ์ฐจ๋Š” ํ”„๋กœ์ ํŠธ ์…‹์—…์„ ์ฐธ๊ณ ํ•˜์„ธ์š”.

#์ถ”๊ฐ€ ํŽ˜์ด์ง€ ์„ค์ • ๋ฐฉ๋ฒ•

/en-US/aurora-eos/location-probability ๊ฐ™์€ ์ปค์Šคํ…€ ๋ผ์šฐํŠธ๊ฐ€ ํ•„์š”ํ•  ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

  1. public/products/<slug>/config.json์„ ์—ฝ๋‹ˆ๋‹ค.
  2. extraPaths๋ฅผ ๋ฌธ์ž์—ด ๋ฐฐ์—ด๋กœ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
    {
      "slug": "aurora-eos",
      "extraPaths": ["location-probability"]
    }
    
  3. src/products/custom-pages/index.ts์— ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋“ฑ๋กํ•ฉ๋‹ˆ๋‹ค.
  4. src/products/custom-pages/<slug>/ ์•„๋ž˜์— ์‹ค์ œ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

์ฐธ๊ณ :

  • extraPaths์—๋Š” ๊ฒฝ๋กœ ๊ฐ’๋งŒ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.
  • UI/๋ฐ์ดํ„ฐ ๋กœ์ง์€ ๊ฐ ์ปค์Šคํ…€ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
  • privacy-policy, terms-of-use, contact ๊ฐ™์€ ์˜ˆ์•ฝ ๊ฒฝ๋กœ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.