https://github.com/greatsumini/greatsumini.github.io

my blog 👨🏻‍💻
https://github.com/greatsumini/greatsumini.github.io

gatsby gh-pages github-actions google-analytics react styled-components typescript

Last synced: 1 day ago
JSON representation

my blog 👨🏻‍💻

• Host: GitHub
• URL: https://github.com/greatsumini/greatsumini.github.io
• Owner: greatSumini
• License: 0bsd
• Created: 2020-09-06T10:08:00.000Z (about 4 years ago)
• Default Branch: source
• Last Pushed: 2024-09-16T18:26:45.000Z (17 days ago)
• Last Synced: 2024-09-16T23:18:36.196Z (17 days ago)
• Topics: gatsby, gh-pages, github-actions, google-analytics, react, styled-components, typescript
• Language: TypeScript
• Homepage: https://sumini.dev
• Size: 50.7 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 29
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  

    

  





  sumin dev blog





  

  

    

  



👨🏻‍💻 마음에 드는 플랫폼이 없어서 직접 만든 기술블로그입니다. ✨ 


## Tech Stacks

| Area     | Tech Stack                                                                                                                                                                                                                                                                                                       |

| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| Frontend | ![](https://img.shields.io/badge/React-blue?longCache=true&logo=React) ![](https://img.shields.io/badge/Typescript-blue?color=007ACC&longCache=true&logo=Typescript&logoColor=white) ![](https://img.shields.io/badge/Styled_Compoenent-blue?color=b80742&longCache=true&logo=styled-components&logoColor=white) |

| DevOps   | ![](https://img.shields.io/badge/GitHub-blue?color=181717&longCache=true&logo=GitHub&logoColor=white) ![](https://img.shields.io/badge/GitHub_Actions-blue?color=2088FF&longCache=true&logo=GitHub-Actions&logoColor=white)                                                                                      |




## 🚀 Quick start

1.  **Clone this project.**

    ```shell

    # create a new Gatsby site using the blog starter

    git clone https://github.com/greatSumini/greatSumini.github.io

    ```

2.  **Add environment variables.**

    copy .env.sample to project root, input your codes

    ```shell

    GOOGLE_VERIFICATION_CODE=

    NAVER_VERIFICATION_CODE=

    ADSENSE_PUBLISHER_ID=

    ```

3.  **Add github repository secrets.**

    add GH_PAT, GOOGLE_VERIFICATION_CODE, NAVER_VERIFICATION_CODE, ADSENSE_PUBLISHER_ID

4.  **Now you can run/deploy this project!**

    ```shell

    # run locally

    yarn dev

    # deploy on gh-page

    yarn deploy

    ```

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## 💫 Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-blog)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/gatsbyjs/gatsby-starter-blog)