잠시만 기다려 주세요.
우리밋
2024. 2. 15.
#개발자 #개발 #코딩 #코드
Let's implement some of HackerNews's core features: posts, comments, nested comments, authentication, and deployment (Docker / Fly.io). We will use this project to learn some important concepts and tools for modern web development. Let's learn Hono, Drizzle ORM, Authentication, Tanstack Router, React Query, and more! Project Code: https://github.com/betterstack-community/betternews-hono-tanstack Hono: https://hono.dev/ Bun: https://bun.sh/ Drizzle: https://orm.drizzle.team/ TanStack: https://tanstack.com/ Lucia: https://lucia-auth.com/ Bun Compiler Options: https://bun.sh/docs/typescript#suggested-compileroptions shadcn/ui: https://ui.shadcn.com/ Key Features: - Hono - Bun - Tanstack Router - React Query - Tanstack Form - Authentication - Drizzle - Drizzle Relational Queries / SQL-based queries - Paginated Queries with InfiniteQueries - Caching and Cache-control - Optimistic Updates Chapters: 00:00:00 Intro 00:00:36 Site Demo 00:02:44 Stack Explanation 00:12:56 Project Setup (Step 1) 00:25:30 Drizzle Setup (Step 2) 00:37:53 Hono Error Handler (Step 3) 00:48:20 Lucia Auth (Step 4) 01:26:02 Tables Setup (Step 5) 01:46:33 Posts Route (Step 6) 03:17:21 Comments Route (Step 7) 03:44:39 Frontend Setup (Step 8) 04:12:52 Layouts and Helpers (Step 9) 04:47:43 Auth Routes (Step 10) 05:50:44 Homepage Posts (Step 11) 07:03:50 Submit Post Form (Step 12) 07:27:50 Setup posts page (Step 13) 07:45:22:22 Comments and upvotes (Step 14) 08:48:30:51 Comment form (Step 15) 09:17:27 Loaders and checks (Step 16) 09:33:24 Docker and Fly Deployment (Step 17) 09:59:43 Recommendations / What next 10:02:30 Outro ► HACKING SCALE NEWSLETTER https://newsletter.betterstack.com/ ► READ MORE More about Better Stack: https://betterstack.com/ Community pages: https://betterstack.com/community/ ► STAY TUNED GitHub: https://github.com/BetterStackHQ Twitter: https://twitter.com/betterstackhq LinkedIn: https://www.linkedin.com/company/betterstack Instagram: https://www.instagram.com/betterstackhq/ TikTok: https://www.tiktok.com/@betterstack
2024. 10. 11.
쿠버네티스 삽질 중입니다. 아시는 분 댓글 좀 부탁드립니다. 3주째 이게 뭐하는 짓인지...
2024. 6. 6.
Build durable AI workflows in JavaScript or TypeScript to work with your NextJS or React applications quickly and easily using Inngest. Code: https://github.com/jherr/background-rater 👉 ProNextJS Course: https://pronextjs.dev 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 👉 VS Code theme and font? Night Wolf [black] and Operator Mono 👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 00:00 Introduction 00:37 The Background Rater app 01:37 The AI workflow 03:16 Getting started with the code 04:37 Why not just call AI directly? 05:06 Installing Inngest 06:02 Creating the Inngest client 06:25 Sending your first event 07:09 The NextJS/Inngest event flow 07:50 Creating the Inngest endpoint 08:34 Adding your first function 10:59 Connecting the function 11:39 Systems architecture 12:50 Adding another AI call 13:41 There is no magic here 14:48 Calling Dall-e 16:50 Adding throttling This video is sponsored by Inngest
2024. 9. 16.
CSS 사용자 정의 속성(CSS custom properties)라고도 알려진 CSS 변수(CSS variables)에 대해서 알아보겠습니다. - 관련 포스팅: https://www.daleseo.com/css-variables/ - 실습 코드: https://codepen.io/daleseo/pen/xxqjjwv 목차: 0:00 소개 0:40 CSS 변수 정의 2:35 CSS 변수 접근 3:42 CSS 변수 기본값 4:55 CSS 변수 상속 6:49 CSS 전역 변수 9:58 주의 사항 12:24 정리 #css #variables #custom #properties #스타일 #변수 #사용자정의속성
2024. 6. 29.
https://okdevtv.com/mib/nutch ~~~~~~ * VS Code로 쉽게 시작하는 Git, GitHub * 인프런: https://inf.run/LPpDg * React + API Server 프로젝트 개발과 배포 #CICD * https://bit.ly/oklearnreact
2024. 9. 23.
https://okdevtv.com/mib/nextjs ~~~~~~ * VS Code로 쉽게 시작하는 Git, GitHub * 인프런: https://inf.run/LPpDg * React + API Server 프로젝트 개발과 배포 #CICD * https://bit.ly/oklearnreact
2024. 8. 5.