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