message: feat: moved the youtube embed in the nextjs section
diff: @@ -5,21 +5,6 @@ description: How to install and set up Chakra UI in your project
  ## Installation
  -<AspectRatio ratio={16 / 8.84}>
  - <VideoPlayer
  - width="100%"
  - height="100%"
  - url="https://www.youtube.com/watch?v=wI2vqXsjsIo"
  - config={{
  - youtube: {
  - playerVars: {
  - controls: true
  - }
  - }
  - }}
  - />
  -</AspectRatio>
  -
  Inside your React project directory, install Chakra UI by running either of the
  following:
  @@ -60,6 +45,22 @@ function App() {
  > - For Create React App, you need to set this up in `index.js` or `index.tsx`
  ### Next.js
  +<Box mt={3}>
  + <AspectRatio ratio={16 / 8.84}>
  + <VideoPlayer
  + width="100%"
  + height="100%"
  + url="https://www.youtube.com/watch?v=wI2vqXsjsIo"
  + config={{
  + youtube: {
  + playerVars: {
  + controls: true
  + }
  + }
  + }}
  + />
  + </AspectRatio>
  +</Box>
  Go to `pages/_app.js` or `pages/_app.tsx` (create if it doesn't exist) and add
  this:
  