기술 블로그
- All
- AWS 3
- Amplify 3
- Next.js 17
- deploy 5
- domain 3
- hosting.kr 3
- collection 1
- free 1
- issue 1
- checklist 1
- react 3
- velite.js 1
- blog 2
- mdx 1
- SEO 6
- metadata 3
- favicon 1
- icon 1
- apple-icon 1
- open graph 2
- twitter 2
- robots.txt 2
- sitemap 2
- nodemailer 2
- contact 1
- file 1
- notion 1
- api 1
- notion-client 1
- react-notion-x 1
- notionhq/client 1
- github 1
- storybook 2
- chromatic 1
- vercel 1
Next.js와 nodemailer 이메일 파일전송 구현하는 방법 feat. server action
nodemailer를 사용하고 Next.js에서 useFormState를 사용하여 이메일 파일전송 구현하는 방법을 알아보겠습니다.
- Next.js
- nodemailer
- file
Next.js와 nodemailer를 사용해서 이메일 보내는 방법 feat. 문의하기 form 폼, Gmail 설정하기
next js에서 nodemailer를 사용해서 이메일을 보내는 방법과 문의하기 폼을 만드는 방법을 알아보고 Gmail 설정하는 방법을 알아보겠습니다.
- Next.js
- nodemailer
- contact
Notion API를 사용한 Next.js 페이지 만드는 방법 feat. react-notion-x
Notion API 사용법을 알아보고 Notion 데이터베이스 연동, react-notion-x를 사용해 Next.js 페이지에 적용하는 방법을 알아봅니다.
- notion
- api
- Next.js
- notion-client
- react-notion-x
- notionhq/client
Next js 프로젝트 완료 후 배포 전 체크 리스트
Next.js 프로젝트를 완료하고 배포하기 전에 체크해야 할 사항들을 정리해보았습니다.
- Next.js
- deploy
- checklist
Next js SEO 가이드
next js를 사용해서 SEO 체크리스트 및 SEO를 최적화하기 위한 모든것을 알아보겠습니다.
- Next.js
- SEO
- open graph
- twitter
- sitemap
- robots.txt
React, Next js Storybook 배포 방법
Storybook을 배포하여 다른 사람들과 공유하는 방법을 알아봅니다.
- Next.js
- storybook
- deploy
- react
- chromatic
Next.js에서 storybook 기본 세팅 및 tailwind css 연동 방법
Next.js 14+ App Router에서 Storybook 기본 세팅과 tailwind css 연동 방법을 알아보겠습니다.
- Next.js
- storybook
AWS Amplify ipv4 주소 확인방법 - [삽질 일기]
AWS Amplify ipv4 주소 확인방법과 https 도메인 연결 방법을 알아보겠습니다.
- Next.js
- AWS
- Amplify
- domain
- hosting.kr
- issue
Next js AWS Amplify 도메인 설정하기
AWS Amplify를 사용하여 Next.js 앱을 배포하고 도메인을 설정하는 방법을 알아봅니다.
- AWS
- Amplify
- Next.js
- deploy
- domain
- hosting.kr
Next js AWS Amplify 배포하기 (feat. github)
Next js 프로젝트를 AWS Amplify로 배포하는 방법을 알아보겠습니다. feat. github
- AWS
- Amplify
- Next.js
- deploy
개발 및 디자인 무료 사이트 모음
개발 및 디자인 무료로 제공하는 사이트 및 꽤 쓸만한 사이트 정보
- collection
- free
Next js 14+ SEO 설정하기 - open graph image, twitter image 설정하기
Next js 14버전 이상 app router를 사용해서 open graph image 및 twitter image를 설정하는 방법을 알아봅니다.
- Next.js
- SEO
- metadata
- open graph
- twitter
Next js 14+ SEO 설정하기 - favicon, icon, apple icon 설정하기
Next js 14버전 이상 app router를 사용해서 favicon, icon, apple icon을 설정하는 방법을 알아봅니다.
- Next.js
- SEO
- metadata
- favicon
- icon
- apple-icon
Next js 14+ SEO 설정하기 - Metadata title, description 설정방법
Next js 14버전 이상 Metadata title 및 description 설정방법에 대해 알아봅니다.
- Next.js
- SEO
- metadata
Next js를 사용한 다이나믹 sitemap 생성 feat. robots.txt 설정 방법
sitemap이 무엇인지 알아보고, Next.js에서 sitemap을 생성하는 방법을 알아보겠습니다.
- Next.js
- robots.txt
- sitemap
- SEO
React github page 배포하는 방법
React를 사용해서 github 저장소 page에 정적 사이트를 배포하는 방법을 알아봅니다.
- react
- github
- deploy
Next js dynamic opengraph 및 twitter card 이미지 생성하기
next js를 사용해서 SEO를 최적화하기 위해 동적인 opengraph 이미지 또는 twitter card 이미지를 생성하는 방법을 알아봅니다.
- Next.js
- SEO
- blog
Vercel에 배포한 프로젝트 hosting kr 도메인 연결하기
Vercel 배포 후 hosting kr 도메인 연결하는 방법을 알아봅니다.
- Next.js
- vercel
- hosting.kr
- domain
Next js와 Velite js를 사용해서 개인 블로그 만들기
Next js와 Velite js를 사용해서 개인 블로그 만들기 feat. Contentlayer 지원 중단?
- Next.js
- react
- velite.js
- blog
- mdx