Integrating YT video canvases in MD about tailwind-nextjs-starter-blog HOT 4 CLOSED

@artajohan369

here's what i did:
https://github.com/rhokstar/rhokstar.com/blob/main/components/YouTube.tsx

and then implemented YouTube component like this:
https://github.com/rhokstar/rhokstar.com/blob/main/app/page.tsx
https://github.com/rhokstar/rhokstar.com/blob/main/app/blog/%5B...slug%5D/page.tsx

and then on blog post level example:
https://github.com/rhokstar/rhokstar.com/blob/main/data/blog/hijacking-ships/aegis-hammerhead.mdx

from tailwind-nextjs-starter-blog.

I think we need to add the domain to the ContentSecurityPolicy variable in next.config.js.

from tailwind-nextjs-starter-blog.

Yup, the approach by rhokstar works, or I have a remark-webembed plugin that you could try using as well: https://github.com/timlrx/remark-webembed

from tailwind-nextjs-starter-blog.

Yup, the approach by rhokstar works, or I have a remark-webembed plugin that you could try using as well: https://github.com/timlrx/remark-webembed

ConfigReadError (/Users/fess932/git/blog/contentlayer.config.ts): Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/Users/fess932/git/blog/node_modules/async/tryEach' imported from /Users/fess932/git/blog/node_modules/remark-webembed/dist/src/modules/webembed-handler.js
Did you mean to import "async/tryEach.js"?

Error

from tailwind-nextjs-starter-blog.