Full Stack Development With Next.js: Markdown App

سرفصل های دوره

Build and Deploy a Markdown Note Taking App with NextJS, PostgreSQL, TailwindCSS, and Vercel

1 - Introduction

1 - Introduction

2 - Requirements

3 - Who This Course Is For

4 - Process

5 - Instructor

6 - Technologies

7 - Installation

8 - Discovery

9 - Demo

2 - Initial Setup

10 - Initialize NextJS Project

10 - full-stack-development-with-nextjs-markdown-app-resource-doc-v1.pdf

11 - Create GitHub Repo

12 - Clean Up Home Page

13 - Dark Mode And Light Mode Styles

3 - Database Development

14 - Create Database

15 - Initial Schema

16 - Check In Initial Schema

17 - Install bcrypt faker pg and tsx

18 - Run A TypeScript Script With tsx

19 - Connect To Postgres With pg

20 - Seed Database With Fake Data

4 - Home Page

21 - Route Groups

22 - Build The Home Page

5 - Log In Page

23 - Build The Log In Form

24 - Install zod And jose

25 - Implement SQL Helper

26 - Update Configuration For JWT

27 - Implement The Log In Server Action

28 - Style The Log In Form

29 - Dispatch Server Action From Log In Form

6 - Sign Up Page

30 - Implement The Sign Up Server Action

31 - Build The Sign Up Form And Dispatch Action

32 - Expire Cookie

7 - Dashboard Page

33 - Parallel Routes

34 - Display Username On Sidebar

35 - Auth Middleware

36 - Notes Context Diagram

37 - Reducers

38 - Implement Initial Notes Context

39 - Use Notes Provider

8 - Sidebar Page

40 - Get Notes API Route

41 - Authenticate Notes API Routes

42 - Install Luxon And Implement Fetch Notes API Helper

43 - Implement Note Container

44 - Style The Note

45 - Create Note API Endpoint

46 - Create Note Btn

47 - Sort Select Component

48 - Implement Sort Notes Function

49 - Drag And Drop Events

50 - Update Parent API Endpoint

51 - Testing Update Parent API Endpoint

52 - Drop Event

53 - Update Current Drag Id

54 - Prevent Dragging Note Into Self

55 - Update Parent On Drop

56 - Dispatch Change Parent

57 - Implement Notes Map

58 - Implement Change Parent

59 - Render Child Notes With Recursive Component

60 - Debugging The Recursive Component

61 - Logging By Reference Vs Value

62 - Implement Expand Button

63 - Check If Note Is Descendent Note

64 - Conditional Styling With clsx

65 - Finalize Sidebar

9 - Content Page

66 - Use Search Params And Use Pathname

67 - Fetch Note API Endpoint

68 - Fetch Note And Render Title

69 - Update Note API Endpoint

70 - Install Use Debounce And Implement Title Input

71 - Dispatch Update Note

72 - React Ace And React Markdown

73 - Style React Markdown

74 - Publish Checkbox

10 - Published Page

75 - Published Page

76 - Published Note Detail View

77 - Search Component

78 - Wire Up Search Component

79 - Add Sort Param To Get Notes

11 - Deployment

80 - Import Project To Vercel

81 - Fix Lint Error

82 - View The Deployed Home Page

83 - Attach Postgres DB To Project

84 - Connect To Prod Postgres And Run Initial SQL

85 - Run Seed Script Against Production

86 - Fix Connection Errors On Prod

87 - Testing The App On Prod

12 - Congratulations

88 - Congratulations

235,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy