silqwer/next-blog

next blog

Next Blog

구현

• 메일 발송
• Markdown 뷰어
• carousel

Page 구성

/ 👉 `<Home>`
/posts 👉 `<AllProducts>`
/posts/[slug] 👉 `<NewProducts>`
/contact 👉 `<ProductDetail>`
/about 👉 `<MyCart>`

개발 스택

• react-multi-carousel
• react-markdown
• react-syntax-highlighter
• react-icons
• remark-gfm
• nodemailer: https://nodemailer.com/about/
• TailwindCSS 플러그인: https://tailwindcss.com/docs/typography-plugin
• yup

환경변수

env.local AUTH_USER: 구글 이메일 계정 AUTH_PASS: 구글 이메일 app password

• Google 계정 ➡️ 2단계 인증 ➡️ 앱 비밀번호 ➡️ Blog

사이트

• meek-crostata-ae547b.netlify.app