This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Project Tree

📦 
├─ .eslintrc.js
├─ .gitattributes
├─ .gitignore
├─ BlogPosts -> .md files
├─ README.md
├─ components
│  ├─ about-us
│  │  └─ Things.jsx
│  ├─ home
│  │  ├─ DarkMode.jsx
│  │  ├─ GdscAnimation.jsx
│  │  └─ Hero.jsx
│  ├─ post
│  │  ├─ Comment.jsx
│  │  └─ PostCard.jsx
│  └─ studys
│     └─ StudyItem.jsx
├─ config
│  ├─ BlogEngine.js
│  └─ index.js
├─ jsconfig.json
├─ layout
│  ├─ Footer.jsx
│  ├─ Header.jsx
│  └─ Layout.jsx
├─ next.config.mjs
├─ package-lock.json
├─ package.json
├─ pages
│  ├─ _app.jsx
│  ├─ _document.js
│  ├─ about-us
│  │  └─ index.jsx
│  ├─ blog
│  │  ├─ [post].jsx
│  │  └─ index.jsx
│  ├─ index.jsx
│  ├─ member
│  │  └─ index.jsx
│  └─ study
│     └─ index.jsx
├─ postcss.config.mjs
├─ styles
│  └─ globals.css
└─ tailwind.config.js

©generated by Project Tree Generator

1. Landing page (LottieFiles, Dark Mode)

2. About US page

3. Blog (Markdown Files, utterances)

4. Study (Notion API)

5. Member (Notion API, Github API)

Refactoring(next project)

• Notion API Sorting
• App Router
• Skeleton UI
• More information
• Database Sorting
• Markdown UI
• AI Chatbot
• Clean Code