Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:01:10
    Welcome to the Course!
  2. Урок 2. 00:05:07
    Project Overview
  3. Урок 3. 00:02:30
    Why Next.js?
  4. Урок 4. 00:02:16
    Why Directus?
  5. Урок 5. 00:04:25
    Course Outline
  6. Урок 6. 00:02:40
    How to Take the Course?
  7. Урок 7. 00:02:04
    Prerequisites: Git, Node.js and VS Code.
  8. Урок 8. 00:03:17
    Let's Create a Next.js Project
  9. Урок 9. 00:02:28
    Project Clean-up
  10. Урок 10. 00:05:58
    Key Concept: File-based Routing
  11. Урок 11. 00:04:04
    Nested Routes and Navigating Between Pages
  12. Урок 12. 00:05:56
    Key Concept: Layouts
  13. Урок 13. 00:15:23
    Navigation Component
  14. Урок 14. 00:04:35
    Creating Site Configuration
  15. Урок 15. 00:13:24
    Footer Component
  16. Урок 16. 00:07:17
    Social Links Component
  17. Урок 17. 00:05:49
    Creating Dummy Data and Types
  18. Урок 18. 00:02:22
    Homepage Layout
  19. Урок 19. 00:08:38
    Post Card Component
  20. Урок 20. 00:11:52
    Post Content Component
  21. Урок 21. 00:03:51
    Different Layouts of Post Card Component
  22. Урок 22. 00:04:29
    Post List Component
  23. Урок 23. 00:05:52
    Calculating Reading Time and Relative Date
  24. Урок 24. 00:02:13
    Reversed Layout for Post Card Component
  25. Урок 25. 00:11:58
    CTA Card Component
  26. Урок 26. 00:03:31
    Key Concept: Responsivity with Tailwind CSS
  27. Урок 27. 00:09:17
    Let’s Make the Homepage Responsive
  28. Урок 28. 00:03:53
    Key Concept: Dynamic Routes
  29. Урок 29. 00:06:41
    How to Generate Static Params
  30. Урок 30. 00:03:36
    Building Category Page
  31. Урок 31. 00:01:00
    Fixing Bug: Z-index of Navigation
  32. Урок 32. 00:06:01
    Dynamic Route for Post Page
  33. Урок 33. 00:01:50
    How to Return 404 for Post Page
  34. Урок 34. 00:10:15
    Post Hero Component
  35. Урок 35. 00:03:25
    Layout of Post Page
  36. Урок 36. 00:06:40
    Social Share Component
  37. Урок 37. 00:05:20
    Let's Create First Enviroment Variable
  38. Урок 38. 00:01:57
    Post Body Component
  39. Урок 39. 00:08:25
    Finishing Touches
  40. Урок 40. 00:03:42
    Key Concept: What is Directus
  41. Урок 41. 00:01:52
    3 Ways to Create Directus Project
  42. Урок 42. 00:06:04
    Deploying Directus with Railway
  43. Урок 43. 00:03:05
    Creating AWS Account for S3 Storage
  44. Урок 44. 00:04:36
    Connecting AWS and Directus
  45. Урок 45. 00:06:53
    Quick Intro about Directus CMS
  46. Урок 46. 00:10:19
    Creating 'Posts' Collection
  47. Урок 47. 00:01:32
    Creating 'Categories' Collection
  48. Урок 48. 00:02:29
    Key Concept: Relational Data
  49. Урок 49. 00:06:16
    Creating Relations Between Tables
  50. Урок 50. 00:01:25
    Creating Categories in Directus
  51. Урок 51. 00:04:05
    Let’s Create our First Blog Post
  52. Урок 52. 00:03:10
    Key Concept: APIs and CRUD Operations
  53. Урок 53. 00:06:19
    Securing Data with Directus
  54. Урок 54. 00:04:07
    Installing Directus JS SDK
  55. Урок 55. 00:07:30
    Fetching Homepage Data
  56. Урок 56. 00:04:03
    Fixing Image 'src' Error
  57. Урок 57. 00:02:00
    Optimising Images on the Fly with Directus
  58. Урок 58. 00:07:24
    Fetching Category Page Data
  59. Урок 59. 00:02:08
    Generating Static Params for Category Pages
  60. Урок 60. 00:01:40
    Generating Static Params for Post Page
  61. Урок 61. 00:03:27
    Fetching Post Page Data
  62. Урок 62. 00:01:40
    Parsing Post Body
  63. Урок 63. 00:04:20
    Styling Post Body
  64. Урок 64. 00:04:40
    Parsing Images as Next Image
  65. Урок 65. 00:06:31
    Server Actions for Subscribers Form
  66. Урок 66. 00:10:56
    Revalidate Data and Reset Form
  67. Урок 67. 00:01:50
    Fixing Typescript Error
  68. Урок 68. 00:02:15
    Key Concept: Internationalization
  69. Урок 69. 00:01:34
    Internationalization Configuration
  70. Урок 70. 00:02:37
    Creating Localised Routes
  71. Урок 71. 00:02:24
    Key Concept: Middleware
  72. Урок 72. 00:08:15
    Redirecting User with Middleware
  73. Урок 73. 00:05:13
    Creating Dictionaries
  74. Урок 74. 00:04:02
    Creating 'getDictinoary' Function
  75. Урок 75. 00:21:07
    Building Localised UI
  76. Урок 76. 00:03:33
    Creating Localised Data for Categories in Directus
  77. Урок 77. 00:03:06
    Creating Localised Data for Posts in Directus
  78. Урок 78. 00:06:41
    Fetching Localised Data - Homepage
  79. Урок 79. 00:09:16
    Fetching Localised Data - Categories
  80. Урок 80. 00:06:04
    Fetching Localised Data - Post Page
  81. Урок 81. 00:11:10
    Creating Language Switcher Component
  82. Урок 82. 00:01:53
    Key Concept: Metadata API
  83. Урок 83. 00:03:17
    File-based Metadata: Adding Favicon and OG Image
  84. Урок 84. 00:01:34
    Static Metadata: Titles and Description for Homepage
  85. Урок 85. 00:03:24
    Dynamic Metadata: Different Description for Different Locales
  86. Урок 86. 00:08:28
    Dynamic Metadata: Titles and Descriptions for Category Page
  87. Урок 87. 00:04:32
    Title Templates, Default and Absolute Values
  88. Урок 88. 00:03:49
    Dynamic Metadata: Titles and Descriptions for Post Page
  89. Урок 89. 00:05:38
    Opengraph Metadata
  90. Урок 90. 00:06:03
    Canonical and Alternate URLs
  91. Урок 91. 00:05:33
    Schema Markup for Articles with JSON
  92. Урок 92. 00:07:23
    Dynamic OG Image Generation for Post Page
  93. Урок 93. 00:05:04
    Dynamic OG Image Generation for Category Page
  94. Урок 94. 00:02:29
    Creating Robots.txt File
  95. Урок 95. 00:10:46
    Localised Sitemaps
  96. Урок 96. 00:05:33
    Google Analytics Integration
  97. Урок 97. 00:02:00
    Fixing Server Actions Error
  98. Урок 98. 00:11:16
    Transforming CTA Card into a Client Component
  99. Урок 99. 00:05:53
    Fixing CORS Error
  100. Урок 100. 00:02:12
    Google Search Console Integration
  101. Урок 101. 00:01:18
    Let’s Try to Build Our App
  102. Урок 102. 00:05:47
    Creating Github Repo for our Project
  103. Урок 103. 00:04:10
    Deploying Next.js with Vercel
  104. Урок 104. 00:04:03
    Search Console and Sitemap
  105. Урок 105. 00:01:37
    Checking Page Speed Score
  106. Урок 106. 00:03:26
    Fixing LCP Problem
  107. Урок 107. 00:09:08
    On-demand Revalidation - 1
  108. Урок 108. 00:05:59
    On-demand Revalidation - 2