Merge pull request #820 from ConzorKingKong/master

Add nextjs integration video.
supertokens · Jul 27, 2024 · e869528 · e869528
2 parents 934e772 + b08da16
commit e869528
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 0 deletions.
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>