사이드 프로젝트 빠르게 시작하기 by 제이제이

백엔드 인프라 없이도 하나의 언어, 하나의 프레임워크만으로 웹 서비스를 만들 수 있습니다! 최근 인기가 많아진 Nextjs와 prisma를 사용해서 백엔드 프레임워크 없이 웹 서비스를 빠르게 구축하는 방법을 공유합니다.

발표자 소개
소프트웨어의 변화를 즐기는 엔지니어
부산 태생 INFJ 남자이며
음식은 국밥 및 육류를 좋아합니다.

Transcript

1. (@jtree 0 3 )
2. - Soft Preview - -
3. Preview
4. 0 1 . Contents 0 2 . 0 3 . 0 4 . 0 5 .
5. 0 1
6. 01 Request HTML, JS Request Client side rendering Server side rendering Request Request Information HTML, JS Information SQL Data SQL Data 1 2 3
7. 01 ߔূ٘ ਽׹ਵ۽ { data: "data" } ܳ ࠁյѱ! ௿ۄ੉঱౟ OK! ਽׹ਵ۽ { result : "data" } ܳ ࠁյѱ! ? Swagger TRPC Graphql ... OK! ߔূ٘ / ௿ۄ੉঱౟ Prisma
8. 01 ( ) Code
9. 01 ?!
10. 01 . , .
11. 0 2
12. 02 Vercel - Next.js - - , - CI / CD Vercel Next.js Next.js - React - SSR, CSR, ISR, SSG - Server component - Server Action
13. 02 Prisma - ORM - ( ) - Migration - Studio, Prisma
14. 02 Supabase - - connection pooling - Realtime, Restful API - Authentication - Storage - SSL Supabase
15. 0 3
17. 03 DB Remote state migration UI
18. 0 4
20. 04 DB
21. 04 DB
22. 04 1 . create-next-app 2 . prisma, @prisma/client 3 . prisma init
23. 03 Prisma DB Remote state migration
24. 04 Remote state
25. 04 Remote state prisma/schema.prisma
26. 04 Migration Migration= = DB prisma migrate dev
27. 04 DB Remote state migration UI
28. 04 UI - Server component
29. 04 UI - Client component
31. 0 5
32. 05 Database Server Client ... Remote state UI !
33. https://github.com/jtree 0 3 /tech-stack
35. (@jtree 03 )