Add nextjs integration video.

connor · connor · commit b08da162baa4 · 2024-07-26T15:42:19.000-05:00
diff --git a/v2/emailpassword/nextjs/app-directory/about.mdx b/v2/emailpassword/nextjs/app-directory/about.mdx
@@ -32,6 +32,10 @@ Download and run an example NextJS app quickly using the following command:
 npx create-supertokens-app@latest --frontend=next --recipe=^{codeImportRecipeName}
 ```
 
+## Follow our video guide
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/CVxR-OHorUM?si=UWXDTnA1pH6oRhGC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 </PreBuiltUIContent>
 
 <CustomUIContent>
diff --git a/v2/passwordless/nextjs/app-directory/about.mdx b/v2/passwordless/nextjs/app-directory/about.mdx
@@ -32,6 +32,10 @@ Download and run an example NextJS app quickly using the following command:
 npx create-supertokens-app@latest --frontend=next --recipe=^{codeImportRecipeName}
 ```
 
+## Follow our video guide
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/CVxR-OHorUM?si=UWXDTnA1pH6oRhGC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 </PreBuiltUIContent>
 
 <CustomUIContent>
diff --git a/v2/thirdparty/nextjs/app-directory/about.mdx b/v2/thirdparty/nextjs/app-directory/about.mdx
@@ -32,6 +32,10 @@ Download and run an example NextJS app quickly using the following command:
 npx create-supertokens-app@latest --frontend=next --recipe=^{codeImportRecipeName}
 ```
 
+## Follow our video guide
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/CVxR-OHorUM?si=UWXDTnA1pH6oRhGC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 </PreBuiltUIContent>
 
 <CustomUIContent>
diff --git a/v2/thirdpartyemailpassword/nextjs/app-directory/about.mdx b/v2/thirdpartyemailpassword/nextjs/app-directory/about.mdx
@@ -32,6 +32,10 @@ Download and run an example NextJS app quickly using the following command:
 npx create-supertokens-app@latest --frontend=next --recipe=^{codeImportRecipeName}
 ```
 
+## Follow our video guide
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/CVxR-OHorUM?si=UWXDTnA1pH6oRhGC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 </PreBuiltUIContent>
 
 <CustomUIContent>
diff --git a/v2/thirdpartypasswordless/nextjs/app-directory/about.mdx b/v2/thirdpartypasswordless/nextjs/app-directory/about.mdx
@@ -32,6 +32,10 @@ Download and run an example NextJS app quickly using the following command:
 npx create-supertokens-app@latest --frontend=next --recipe=^{codeImportRecipeName}
 ```
 
+## Follow our video guide
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/CVxR-OHorUM?si=UWXDTnA1pH6oRhGC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 </PreBuiltUIContent>
 
 <CustomUIContent>
