Skip to content

Instantly share code, notes, and snippets.

@vojtaholik
Created December 21, 2020 13:15
Show Gist options
  • Save vojtaholik/430bb7c601a6183b3f044e71d10784d5 to your computer and use it in GitHub Desktop.
Save vojtaholik/430bb7c601a6183b3f044e71d10784d5 to your computer and use it in GitHub Desktop.
nested playlists using new resource types
{
"type": "playlist",
"title": "Create an eCommerce Store with Next.js and Stripe Checkout",
"description": "**Accept payments & sell products powered by Stripe and the best of the JAMStack**\n\nThere are as many ways to build an e-commerce store on the internet as there are products to sell. One thing is for certain, e-commerce is here to stay and as professional developers we need to understand how to build fully custom stores for our clients using the best modern tools available.\n\n- React: flexible and customizable while following modern best practices\n- Next.js: lightening fast with guide rails to help your project perform as consumers expect\n- Stripe Checkout: lets you offload reams of complicated business logic to a trusted third party that maintains regulatory compliance, global payments, and a standard UX.\n\nYour store will have well managed local component state using React Hooks and you'll also have clear and cohesive shared (global) state with React Context.\n\nFinally you'll deploy your custom store to Vercel (the platform behind Next.js) as well as how to make your Next.js e-commerce store portable to deploy to other platforms.",
"slug": "create-an-ecommerce-store-with-next-js-and-stripe-checkout-562c",
"items": [
{
"type": "playlist",
"title": "Intro to Create an eCommerce Store with Next.js and Stripe Checkout",
"slug": "intro",
"items": [
{
"type": "text",
"title": "Welcome",
"slug": "welcome"
},
{
"type": "playlist",
"title": "Project READMEs and Pre Reqs",
"slug": "project-setup",
"items": [
{
"type": "text",
"title": "Intro",
"slug": "intro"
},
{
"type": "text",
"title": "Extra Credit",
"slug": "extra-credit"
}
]
}
]
},
{
"type": "playlist",
"title": "Bootstrap a Next.js Ecommerce App",
"slug": "bootstrap-a-next-js-ecommerce-app",
"items": [
{
"type": "playlist",
"title": "Create a New React Application with the Next.js create-next-app CLI",
"slug": "create-a-new-react-application-with-the-next-js-create-next-app-cli",
"items": [
{
"type": "text",
"title": "Exercise",
"slug": "exercise"
},
{
"type": "video",
"title": "Solution",
"slug": "solution"
},
{
"type": "quiz",
"title": "Quiz",
"slug": "quiz"
},
{
"type": "text",
"title": "Extra Credit",
"slug": "extra-credit"
}
]
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment