Giter Club home page Giter Club logo

comet-land-github-pages-example's Introduction

Comet-land

Total alerts Language grade: JavaScript Continious Intergration codecov blog resume

Blog and Resume template with turborepo

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

comet-land-blog

comet-land-resume

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

comet-land-github-pages-example's People

Contributors

hyesungoh avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.