feature: video imports

.vscode/extensions.json

@@ -0,0 +1,12 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "yoavbls.pretty-ts-errors",
+    "stylelint.vscode-stylelint",
+    "mikestead.dotenv",
+    "syler.sass-indented",
+    "mrmlnc.vscode-scss",
+    "clinyong.vscode-css-modules"
+  ]
+}

README.md

@@ -152,8 +152,8 @@ This will fire up:
 
 Want to dive deeper? Check out our docs:
 
-- [Template Generator](./docs/template-generator.md)
 - [File Structure And Organization](./docs/file-structure-and-organization.md)
+- [Template Generator](./docs/template-generator.md)
 - [Copy Management](./docs/copy-management.md)
 - [Import Aliases](./docs/import-aliases.md)
 

next.config.js

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 
 const path = require('node:path')
+const withVideos = require('next-videos')
 
 const nextConfig = {
   output: process.env.OUTPUT,
@@ -18,7 +19,7 @@ const nextConfig = {
   }
 }
 
-const nextPlugins = []
+const nextPlugins = [withVideos]
 
 if (process.env.BUNDLE_ANALYZE === 'true') {
   const withBundleAnalyzer = require('@next/bundle-analyzer')({ enabled: true })