1. Урок 1. 00:02:09
    Welcome to the course
  2. Урок 2. 00:01:40
    How to get the most out of ServerlessReact.Dev
  3. Урок 3. 00:02:30
    Goals of the modern stack
  4. Урок 4. 00:05:27
    What is the modern stack
  5. Урок 5. 00:01:54
    The exact stack we use
  6. Урок 6. 00:04:48
    Gatsby
  7. Урок 7. 00:05:43
    Design systems and Rebass
  8. Урок 8. 00:06:05
    GraphQL
  9. Урок 9. 00:04:00
    Serverless
  10. Урок 10. 00:02:36
    Infrastructure as code
  11. Урок 11. 00:03:37
    DynamoDB
  12. Урок 12. 00:02:55
    Auth0 and useAuth
  13. Урок 13. 00:04:06
    Edge First Architecture
  14. Урок 14. 00:03:16
    Offline-first Architecture
  15. Урок 15. 00:05:16
    Outline your project
  16. Урок 16. 00:01:51
    Create your repository
  17. Урок 17. 00:03:32
    Create Gatsby webapp
  18. Урок 18. 00:02:19
    Update config
  19. Урок 19. 00:05:16
    Configure styling with Rebass
  20. Урок 20. 00:01:41
    Gatsby component shadowing
  21. Урок 21. 00:02:11
    Rebass responsiveness
  22. Урок 22. 00:02:04
    Basic landing page
  23. Урок 23. 00:02:53
    Authentication
  24. Урок 24. 00:06:53
    Add useAuth hook
  25. Урок 25. 00:00:52
    The backend
  26. Урок 26. 00:04:39
    serverless.yml
  27. Урок 27. 00:02:32
    GraphQL Lambda
  28. Урок 28. 00:02:52
    Deploy script
  29. Урок 29. 00:02:34
    What is The Server anyway?
  30. Урок 30. 00:01:06
    Connect your webapp to GraphQL
  31. Урок 31. 00:03:19
    use static query
  32. Урок 32. 00:03:02
    Connect to GraphQL at run-time
  33. Урок 33. 00:02:57
    Use live data
  34. Урок 34. 00:03:04
    What we created
  35. Урок 35. 00:00:50
    Building your app
  36. Урок 36. 00:01:48
    Prepare GraphQL mutation
  37. Урок 37. 00:04:32
    Mutation resolver
  38. Урок 38. 00:01:21
    How typescript finds bugs
  39. Урок 39. 00:04:25
    Create DynamoDB table
  40. Урок 40. 00:03:05
    First working test of your resolver
  41. Урок 41. 00:03:32
    Write mutation to actually upsert
  42. Урок 42. 00:02:27
    Verify upserting users works
  43. Урок 43. 00:04:25
    Running mutation in useMutation
  44. Урок 44. 00:02:44
    Extract logic into custom hooks
  45. Урок 45. 00:03:29
    How useAuth and useUpdateUser work together
  46. Урок 46. 00:00:38
    Create user landing pages
  47. Урок 47. 00:02:08
    A simple dashboard component
  48. Урок 48. 00:03:14
    A create page form
  49. Урок 49. 00:02:24
    createPage mutation on button click
  50. Урок 50. 00:04:42
    createPage mutation on the backend
  51. Урок 51. 00:03:13
    Make the pages table
  52. Урок 52. 00:02:10
    Link to page after creating
  53. Урок 53. 00:03:05
    Add an allPages query on the server
  54. Урок 54. 00:04:50
    Dynamically create static Gatsby pages
  55. Урок 55. 00:02:44
    Render created pages
  56. Урок 56. 00:03:16
    Fetch fresh data on page load
  57. Урок 57. 00:03:56
    Add page query to server
  58. Урок 58. 00:03:24
    Show content and editor side-by-side
  59. Урок 59. 00:03:02
    Render markdown with Remark
  60. Урок 60. 00:03:29
    Live edit page
  61. Урок 61. 00:03:32
    Editing requires auth
  62. Урок 62. 00:03:05
    Add save button
  63. Урок 63. 00:04:58
    savePage mutation
  64. Урок 64. 00:05:25
    debug odd savePage issue
  65. Урок 65. 00:02:09
    Provisional prod deploy
  66. Урок 66. 00:01:23
    Verify it works
  67. Урок 67. 00:02:22
    Does GraphQL require DynamoDB?
  68. Урок 68. 00:01:05
    Why is expression and values separate?
  69. Урок 69. 00:01:27
    Are DynamoDB keys like relations in a traditional DB?
  70. Урок 70. 00:00:48
    What's the difference between useQuery and useMutation?
  71. Урок 71. 00:01:36
    Should you use useMutation centrally?
  72. Урок 72. 00:02:13
    Where we're at
  73. Урок 73. 00:00:50
    What we're doing next
  74. Урок 74. 00:02:32
    Use static query to load page list
  75. Урок 75. 00:02:25
    Render page list
  76. Урок 76. 00:03:25
    Static-to-dynamic page list
  77. Урок 77. 00:01:56
    Refactor to a custom hook
  78. Урок 78. 00:02:23
    Prep backend for live redeploys
  79. Урок 79. 00:01:02
    Connect zeit and github
  80. Урок 80. 00:02:18
    Use deploy hooks to trigger deployments
  81. Урок 81. 00:04:40
    Ensure deployment runs on save page
  82. Урок 82. 00:00:55
    Verify deployments work
  83. Урок 83. 00:04:10
    Time to integrate Stripe and start getting paid for all your hard work.
  84. Урок 84. 00:01:32
    improve textarea, add Deploy button
  85. Урок 85. 00:00:57
    initiate payment proces
  86. Урок 86. 00:03:10
    create Stripe session pt1
  87. Урок 87. 00:05:55
    create Stripe session rest api
  88. Урок 88. 00:02:00
    fix typescript errors
  89. Урок 89. 00:02:23
    cors headers
  90. Урок 90. 00:02:44
    correctly call createStripeSession api
  91. Урок 91. 00:02:46
    make test purchase
  92. Урок 92. 00:03:10
    show purchase success
  93. Урок 93. 00:01:56
    Prod vs. Dev on backend
  94. Урок 94. 00:01:42
    use dev and prod configs
  95. Урок 95. 00:00:33
    see separate deploy
  96. Урок 96. 00:00:40
    Prod on frontend
  97. Урок 97. 00:01:39
    With Gatsby .env approach
  98. Урок 98. 00:02:11
    runtime .env configs
  99. Урок 99. 00:01:07
    setup zeit manual deploys
  100. Урок 100. 00:01:45
    Using Zeit secrets
  101. Урок 101. 00:01:39
    alias to prod domain
  102. Урок 102. 00:01:38
    move runtime config to static queries
  103. Урок 103. 00:02:06
    use json files to feed configs
  104. Урок 104. 00:01:12
    it works in prod, yay
  105. Урок 105. 00:01:14
    Why charge if data is already sent to browser?
  106. Урок 106. 00:00:44
    When does gatsby-browser vs. gatsby-ssr run?