وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

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
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 28673
    حجم: 2988 مگابایت
    مدت زمان: 356 دقیقه
    تاریخ انتشار: 22 دی 1402
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید