hyesungoh / comet-land-github-pages-example

comet-land github pages deployment example

Home Page:https://hyesungoh.github.io/comet-land-github-pages-example/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Comet-land

Total alerts Language grade: JavaScript Continious Intergration codecov blog resume

Blog and Resume template with turborepo

한국어 문서는 다음 링크에서 확인하실 수 있습니다.

comet-land-blog

BLOG DEMO ☄️

comet-land-resume

RESUME DEMO 💫

postGif

  • 👔 Code highlight with line-highlight, line-numbers
  • 🎨 Design with NextUI
  • 🍽 Table of contents
  • 🎩 Dark mode

kbarGif

  • ⌨️ Search with KBar
  • 🔨 Configurable
  • 🔊 Utterances Comment
  • 🔭 Google Analytics
  • 🔥 Hotjar
  • 🏄 Lighthouse score

blog lighthouse score

Resume Feature

  • 🎨 Design with NextUI
  • 🎩 Dark mode
  • ⌨️ Contact with KBar
  • 🔨 Configurable
  • 🔭 Google Analytics
  • 🔥 Hotjar
  • 🏄 Lighthouse score

resume lighthouse score

How to start

comet-land has own generate package create-comet-land

npx create-comet-land
# or
yarn create comet-land

Or using Fork or clone this repo

  1. Install dependencies
yarn
  1. Start Turbo !
yarn turbo run dev
# or just
yarn dev
  1. Now you can see blog at localhost:3000, resume at localhost:3001

How to configuration

Please see packages/core/constants directory.

and you can reconfigure at that directory's variable

  • Analytics directory
    • GA ID
    • Hotjar ID
  • Colors directory
    • color schema
  • General directory
    • author image
    • default open-graph image
    • favicon
  • SocialMedia directory
    • github
    • instagram
    • facebook
    • linkedin
    • twitter

and please check apps/blog/_config/index.json and apps/resume/_config/index.json.

This files are placing each app's configuration variable.

How to use it

please read following link.

How to deploy with vercel

1. Import git repository

deploy step 1

2. Select framework preset to Next.js

deploy step 2

3. Set root directory to apps/blog or apps/resume

deploy step 3

4. Set build command

deploy step 4

  • blog build command
cd ../.. && npx turbo run build --scope=blog --include-dependencies --no-deps
  • resume build command
cd ../.. && npx turbo run build --scope=resume --include-dependencies --no-deps

5. Click the Deploy button! 🎉

click the deploy button

More information

This project using turborepo.

so, you can find more information at this vercel guide.

How to add more packages

  • scope packages
cd where-you-want
yarn add package-name
  • global packages
yarn add package-name -W
  • global dev packages
yarn add package-name -DW

Trouble shootings

check this wiki please! it might be help

Use Case

Inspired

I inspired below blogs and resume.

License

MIT

About

comet-land github pages deployment example

https://hyesungoh.github.io/comet-land-github-pages-example/

License:MIT License


Languages

Language:TypeScript 89.8%Language:JavaScript 10.2%