refine

UI Kit

PWA 앱의 모든 UI 컴포넌트 및 상태 화면

Knowledge Card Redesign

새로운 매거진 스타일의 상세 페이지 디자인입니다. (Knowledge Card Concept)

Development
Youtube•2026. 03. 25. 03:38

The Ultimate Guide to Modern Web Development with Next.js 15, React 19, and Server Actions (2025 Edition)

Next.js 15와 React 19의 핵심 기능을 다루는 포괄적인 웹 개발 가이드 영상입니다.

Next.jsReact 19Web DevTutorialFrontend
The Ultimate Guide to Modern Web Development with Next.js 15, React 19, and Server Actions (2025 Edition)

In this comprehensive guide, we explore the cutting-edge features of Next.js 15. We cover: - Server Actions for form handling - The new caching model - Streaming and Suspense - Optimizing images and fonts This is a must-watch for any frontend developer looking to stay ahead of the curve. Don't forget to like and subscribe for more deep dives into web technologies!

PWA States

refine

Splash Screen

Loading...

데이터를 불러오는 중

Saved!

라이브러리에 추가됨

Share Intent Flow

1. Analyzing...

링크 정보 읽는 중

2. Save to Refine

카테고리 선택

Instagram Post
메모를 입력하세요...

https://instagram.com/p/...

Tech
Design
Article
Video
Social
Etc

3. Saved!

라이브러리에 추가됨 → 홈으로 이동

Buttons

Badges

Default
Secondary
Outline
Destructive

Inputs

Cards

Card Title
Card description

Card content here.

Featured
Popular

42

Total Items

Alerts

Tabs

Content for Tab 1

Dropdown Menu

Dialog

Carousel

1
2
3
4

Logo

refine
refine
refine

Skeleton

로딩 상태에서 사용됩니다. (link/[id].tsx 등)

New Components (Phase 5)

Tooltip

Separator

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

Scroll Area

Jokester began sneaking into the castle in the middle of the night...Line 1: Some long content to scroll through.Line 2: Some long content to scroll through.Line 3: Some long content to scroll through.Line 4: Some long content to scroll through.Line 5: Some long content to scroll through.Line 6: Some long content to scroll through.Line 7: Some long content to scroll through.Line 8: Some long content to scroll through.Line 9: Some long content to scroll through.Line 10: Some long content to scroll through.Line 11: Some long content to scroll through.Line 12: Some long content to scroll through.Line 13: Some long content to scroll through.Line 14: Some long content to scroll through.Line 15: Some long content to scroll through.Line 16: Some long content to scroll through.Line 17: Some long content to scroll through.Line 18: Some long content to scroll through.Line 19: Some long content to scroll through.Line 20: Some long content to scroll through.

Sheet

Chart

Bar Chart