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

  1. Урок 1. 00:01:39
    Introduction
  2. Урок 2. 00:05:31
    Detailed introduction
  3. Урок 3. 00:03:33
    About Figma and the inspiration
  4. Урок 4. 00:10:15
    Initial setup
  5. Урок 5. 00:19:54
    Design the general layout
  6. Урок 6. 00:07:27
    Design the nav links and cart icons
  7. Урок 7. 00:14:34
    Colors and Icons
  8. Урок 8. 00:11:32
    Design the Contact page
  9. Урок 9. 00:17:33
    Design the Cart page
  10. Урок 10. 00:02:21
    GraphCMS rebranded in to Hygraph
  11. Урок 11. 00:02:04
    Create GraphCMS(HyGraph) account
  12. Урок 12. 00:02:51
    General intro
  13. Урок 13. 00:15:03
    create products schema
  14. Урок 14. 00:04:36
    The GraphQL playground
  15. Урок 15. 00:04:10
    API tokens and permissions
  16. Урок 16. 00:13:51
    NextJS v13 upgrade in details
  17. Урок 17. 00:04:03
    Initial setup
  18. Урок 18. 00:09:10
    Connect the frontend with the CMS
  19. Урок 19. 00:10:27
    Build the first query to fetch products
  20. Урок 20. 00:04:52
    Start building the layout
  21. Урок 21. 00:09:28
    The navbar
  22. Урок 22. 00:12:26
    Build the footer
  23. Урок 23. 00:07:52
    Create the top-bar
  24. Урок 24. 00:09:49
    Start building the menu
  25. Урок 25. 00:11:46
    Menu CSS
  26. Урок 26. 00:09:20
    Menu CSS part 2
  27. Урок 27. 00:12:09
    Build the list of products
  28. Урок 28. 00:17:14
    Build the list of products part 2
  29. Урок 29. 00:13:08
    Build the list of products part 3
  30. Урок 30. 00:08:35
    Menu links to pages
  31. Урок 31. 00:09:37
    Build dynamic pages
  32. Урок 32. 00:14:32
    Display placeholders for products
  33. Урок 33. 00:06:15
    Build dynamic brand pages
  34. Урок 34. 00:15:00
    Query the products by brand
  35. Урок 35. 00:12:01
    Work on the homepage
  36. Урок 36. 00:19:09
    Frontend - custom-hook
  37. Урок 37. 00:12:05
    Custom hook to get the product details
  38. Урок 38. 00:01:19
    Short bugfix
  39. Урок 39. 00:02:41
    Details page
  40. Урок 40. 00:11:13
    Fetch product details
  41. Урок 41. 00:05:30
    Destructuring product data
  42. Урок 42. 00:19:36
    Slug page details
  43. Урок 43. 00:06:20
    Slug page images
  44. Урок 44. 00:09:54
    Slug page price details
  45. Урок 45. 00:05:46
    Add to cart - buttons
  46. Урок 46. 00:08:07
    Details page CSS
  47. Урок 47. 00:01:57
    Another bugfix
  48. Урок 48. 00:08:08
    Base layout
  49. Урок 49. 00:07:42
    Create EmailJS account
  50. Урок 50. 00:08:52
    Connect with EmailJS
  51. Урок 51. 00:07:55
    Tweak the sent message content
  52. Урок 52. 00:18:56
    Form styling
  53. Урок 53. 00:12:14
    Create the info-card
  54. Урок 54. 00:04:51
    Add google map
  55. Урок 55. 00:02:50
    Fix map errors
  56. Урок 56. 00:06:16
    Initial setup
  57. Урок 57. 00:15:30
    Basic state management
  58. Урок 58. 00:18:45
    Add to cart functionality
  59. Урок 59. 00:11:47
    Manage number of items in cart
  60. Урок 60. 00:06:48
    Styling
  61. Урок 61. 00:15:23
    Styling - part 2
  62. Урок 62. 00:04:19
    Add cart item details
  63. Урок 63. 00:07:50
    Cart math
  64. Урок 64. 00:06:55
    Save cart in local storage
  65. Урок 65. 00:09:16
    Remove items from cart
  66. Урок 66. 00:10:50
    Manage number of items in frontend
  67. Урок 67. 00:13:42
    Manage number of items in state
  68. Урок 68. 00:08:37
    Clear cart button
  69. Урок 69. 00:06:46
    Clean the empty cart
  70. Урок 70. 00:18:17
    Show cart info in navbar
  71. Урок 71. 00:16:31
    Cart-total card
  72. Урок 72. 00:13:33
    Cart-total amount
  73. Урок 73. 00:11:08
    Add authentication
  74. Урок 74. 00:05:00
    Show the username in the nav
  75. Урок 75. 00:19:23
    Login confirm page
  76. Урок 76. 00:04:05
    Logout confirm page
  77. Урок 77. 00:07:34
    Create new PayPal account
  78. Урок 78. 00:02:11
    Stripe vs PayPal implementation
  79. Урок 79. 00:15:45
    Checkout page
  80. Урок 80. 00:04:37
    PayPal checkout button
  81. Урок 81. 00:11:44
    Checkout button styling
  82. Урок 82. 00:12:37
    Route protection
  83. Урок 83. 00:13:13
    Clear the cart after payment
  84. Урок 84. 00:06:40
    Stock Manager part 1
  85. Урок 85. 00:14:34
    Stock Manager part 2
  86. Урок 86. 00:11:10
    Save users mails
  87. Урок 87. 00:06:00
    Responsiveness on different devices
  88. Урок 88. 00:14:15
    Hide the menu on small devices
  89. Урок 89. 00:18:16
    SEO - optimization
  90. Урок 90. 00:06:07
    Push the code to GitHub
  91. Урок 91. 00:08:42
    Deploy the project on Vercel for free