Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Next.js Projects: Build an Issue Tracker, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:02:06
    1- Welcome
  2. Урок 2. 00:00:51
    2- Prerequisites
  3. Урок 3. 00:00:39
    3- Source Code
  4. Урок 4. 00:00:59
    4- How to Take This Course
  5. Урок 5. 00:02:17
    1- Project Roadmap
  6. Урок 6. 00:01:18
    2- Setting Up the Development Environment
  7. Урок 7. 00:02:53
    3- Creating the Project
  8. Урок 8. 00:08:53
    4- Building the navbar
  9. Урок 9. 00:06:19
    5- Styling the Active Link
  10. Урок 10. 00:01:59
    1- Setting Up MySQL
  11. Урок 11. 00:01:47
    2- Setting Up Prisma
  12. Урок 12. 00:06:41
    3- Creating the Issue Model
  13. Урок 13. 00:06:56
    4- Building an API
  14. Урок 14. 00:02:34
    5- Setting Up Radix UI
  15. Урок 15. 00:04:58
    6- Building the New Issue Page
  16. Урок 16. 00:04:54
    7- Customizing Radix UI Theme
  17. Урок 17. 00:01:57
    8- Adding a Markdown Editor
  18. Урок 18. 00:08:44
    9- Handling Form Submission
  19. Урок 19. 00:06:50
    10- Handling Errors
  20. Урок 20. 00:06:15
    11- Implementing Client-side Validation
  21. Урок 21. 00:03:23
    12- Extracting the ErrorMessage Component
  22. Урок 22. 00:04:22
    13- Adding a Spinner
  23. Урок 23. 00:03:59
    14- Discussion- Code Organization
  24. Урок 24. 00:05:05
    1- Showing the Issues
  25. Урок 25. 00:08:09
    2- Building the Issue Status Badge
  26. Урок 26. 00:06:20
    3- Adding Loading Skeletons
  27. Урок 27. 00:06:47
    4- Showing Issue Details
  28. Урок 28. 00:04:11
    5- Styling the Issue Detail Page
  29. Урок 29. 00:03:35
    6- Adding Markdown Preview
  30. Урок 30. 00:06:41
    7- Building a Styled Link Component
  31. Урок 31. 00:05:16
    8- Additional Loading Skeletons
  32. Урок 32. 00:02:59
    9- Disabling Server-side Rendering
  33. Урок 33. 00:05:28
    10- Refactoring- Organizing Imports
  34. Урок 34. 00:04:44
    1- Adding the Edit Button
  35. Урок 35. 00:07:32
    2- Applying the Single Responsibility Principle
  36. Урок 36. 00:06:29
    3- Building the Edit Issue Page
  37. Урок 37. 00:06:45
    4- Building an API
  38. Урок 38. 00:02:04
    5- Updating Issues
  39. Урок 39. 00:08:18
    6- Understanding Caching
  40. Урок 40. 00:06:59
    7- Improving the Loading Experience
  41. Урок 41. 00:07:03
    1- Adding a Delete Button
  42. Урок 42. 00:04:05
    2- Adding a Confirmation Dialog Box
  43. Урок 43. 00:02:44
    3- Building an API
  44. Урок 44. 00:02:12
    4- Deleting an Issue
  45. Урок 45. 00:04:30
    5- Handling Errors
  46. Урок 46. 00:02:22
    6- Improving the User Experience
  47. Урок 47. 00:04:03
    7- Removing Duplicate Skeletons
  48. Урок 48. 00:03:48
    1- Setting Up NextAuth
  49. Урок 49. 00:05:47
    2- Configuring Google Provider
  50. Урок 50. 00:05:29
    3- Adding the Prisma Adapter
  51. Урок 51. 00:05:19
    4- Adding the Login and Logout Links
  52. Урок 52. 00:04:31
    5- Change the Layout of the NavBar
  53. Урок 53. 00:04:23
    6- Adding a Drop-down Menu
  54. Урок 54. 00:03:03
    7- Troubleshooting- Avatar Not Loading
  55. Урок 55. 00:08:08
    8- Refactoring the NavBar
  56. Урок 56. 00:01:50
    9- Adding a Loading Skeleton
  57. Урок 57. 00:07:46
    10- Securing the Application
  58. Урок 58. 00:02:58
    1- Building the Assignee Select Component
  59. Урок 59. 00:05:37
    2- Populating the Assignee Select Component
  60. Урок 60. 00:04:21
    3- Setting Up React Query
  61. Урок 61. 00:06:46
    4- Fetching Data with React Query
  62. Урок 62. 00:04:06
    5- Add Assigned Issues to Prisma Schema
  63. Урок 63. 00:10:59
    6- Implementing the API
  64. Урок 64. 00:04:39
    7- Assigning an Issue to a User
  65. Урок 65. 00:02:43
    8- Showing Toast Notifications
  66. Урок 66. 00:05:17
    9- Refactoring the Assignee Select Component
  67. Урок 67. 00:05:54
    1- Building the Filter Component
  68. Урок 68. 00:06:42
    2- Filtering Issues
  69. Урок 69. 00:07:20
    3- Making Columns Sortable
  70. Урок 70. 00:03:08
    4- Sorting Issues
  71. Урок 71. 00:05:21
    5- Fix Filtering Bugs
  72. Урок 72. 00:02:52
    6- Generating Dummy Data
  73. Урок 73. 00:06:15
    7- Building the Pagination Component
  74. Урок 74. 00:04:04
    8- Implementing Pagination
  75. Урок 75. 00:05:00
    9- PaginatingIssues
  76. Урок 76. 00:08:38
    10- Refactoring- Extracting IssueTable Component
  77. Урок 77. 00:07:40
    1- Building the LatestIssues Component
  78. Урок 78. 00:07:21
    2- Building the IssueSummary Component
  79. Урок 79. 00:06:18
    3- Building the BarChart Component
  80. Урок 80. 00:02:30
    4- Laying Out the Dashboard
  81. Урок 81. 00:04:12
    1- Adding Metadata
  82. Урок 82. 00:04:22
    2- Optimizing Performance Using React Cache
  83. Урок 83. 00:03:25
    3- Removing.env File
  84. Урок 84. 00:03:59
    4- Setting Up Error Tracking
  85. Урок 85. 00:02:34
    5- Setting Up the Production Database
  86. Урок 86. 00:10:31
    6- Deploying to Vercel
  87. Урок 87. 00:00:26
    1- Course Wrap Up