With Supertokens example #21384

rishabhpoddar · 2021-01-20T15:50:34Z

Hey,

SuperTokens is a new open source Auth framework (alternative to Auth0, Firebase auth etc..).

At the moment, we offer:

Secure sessions (httpOnly cookies, access / rotating refresh tokens, anti-csrf etc)
Email password auth with sign in, sign up UI, reset password and email verification flow
Social login (coming soon).

Due to an increase in the number of users using SuperTokens with Next.JS, we thought it would be best to issue this PR.

Thanks! Happy to answer any questions :)

ijjk · 2021-01-20T16:02:04Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
buildDuration	8.9s	8.8s	-89ms
nodeModulesSize	73.3 MB	73.3 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
/ failed reqs	0	0	✓
/ total time (seconds)	1.711	1.766	⚠️ +0.05
/ avg req/sec	1461.36	1415.36	⚠️ -46
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.093	1.067	-0.03
/error-in-render avg req/sec	2286.6	2341.96	+55.36

Client Bundles (main, webpack, commons)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
677f882d2ed8..43e3.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.4 kB	59.4 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
hooks-c71ae4..70cd.js gzip	887 B	887 B	✓
index-bbee2f..528b.js gzip	227 B	227 B	✓
link-7faf09b..eba4.js gzip	1.64 kB	1.64 kB	✓
routerDirect..bf84.js gzip	303 B	303 B	✓
withRouter-a..5826.js gzip	302 B	302 B	✓
Overall change	8.09 kB	8.09 kB	✓

Client Build Manifests

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_buildManifest.js gzip	321 B	321 B	✓
Overall change	321 B	321 B	✓

Rendered Page Sizes

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
index.html gzip	616 B	616 B	✓
link.html gzip	621 B	621 B	✓
withRouter.html gzip	609 B	609 B	✓
Overall change	1.85 kB	1.85 kB	✓

Serverless Mode

General

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
buildDuration	10.5s	10.5s	⚠️ +30ms
nodeModulesSize	73.3 MB	73.3 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
677f882d2ed8..43e3.js gzip	13.1 kB	13.1 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	6.63 kB	6.63 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	59.4 kB	59.4 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_app-2a09aa2..4a98.js gzip	1.28 kB	1.28 kB	✓
_error-8b758..aef6.js gzip	3.46 kB	3.46 kB	✓
hooks-c71ae4..70cd.js gzip	887 B	887 B	✓
index-bbee2f..528b.js gzip	227 B	227 B	✓
link-7faf09b..eba4.js gzip	1.64 kB	1.64 kB	✓
routerDirect..bf84.js gzip	303 B	303 B	✓
withRouter-a..5826.js gzip	302 B	302 B	✓
Overall change	8.09 kB	8.09 kB	✓

Client Build Manifests

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_buildManifest.js gzip	321 B	321 B	✓
Overall change	321 B	321 B	✓

Serverless bundles

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_error.js	1 MB	1 MB	✓
404.html	2.67 kB	2.67 kB	✓
hooks.html	1.92 kB	1.92 kB	✓
index.js	1 MB	1 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.05 MB	1.05 MB	✓
withRouter.js	1.05 MB	1.05 MB	✓
Overall change	5.19 MB	5.19 MB	✓

Webpack 5 Mode (Increase detected ⚠️)

General

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
buildDuration	10.8s	10.7s	-98ms
nodeModulesSize	73.3 MB	73.3 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
/ failed reqs	0	0	✓
/ total time (seconds)	1.749	1.705	-0.04
/ avg req/sec	1429.74	1465.87	+36.13
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.088	1.102	⚠️ +0.01
/error-in-render avg req/sec	2298.61	2267.85	⚠️ -30.76

Client Bundles (main, webpack, commons)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
597-3bd7d6bd..868b.js gzip	13 kB	13 kB	✓
framework.HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	6.58 kB	6.58 kB	✓
webpack-HASH.js gzip	954 B	954 B	✓
Overall change	59.8 kB	59.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_app-a5b2e84..33cf.js gzip	1.26 kB	1.26 kB	✓
_error-6f1f9..5577.js gzip	3.38 kB	3.38 kB	✓
hooks-725de8..0a15.js gzip	904 B	904 B	✓
index-939503..6e1c.js gzip	232 B	232 B	✓
link-e0cc871..fdbb.js gzip	1.63 kB	1.63 kB	✓
routerDirect..9360.js gzip	308 B	308 B	✓
withRouter-6..44ec.js gzip	304 B	304 B	✓
Overall change	8.02 kB	8.02 kB	✓

Client Build Manifests

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
_buildManifest.js gzip	299 B	299 B	✓
Overall change	299 B	299 B	✓

Rendered Page Sizes

	vercel/next.js canary	supertokens/next.js with-supertokens	Change
index.html gzip	585 B	585 B	✓
link.html gzip	592 B	592 B	✓
withRouter.html gzip	579 B	579 B	✓
Overall change	1.76 kB	1.76 kB	✓

Diffs

Diff for index.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/",
         "query": {},
-        "buildId": "UqRRDXq126mxvfaJZFJER",
+        "buildId": "q6fVSC0AY7XnSEkIJezOs",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_buildManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_ssgManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for link.html

@@ -48,7 +48,7 @@
         "props": { "pageProps": {} },
         "page": "/link",
         "query": {},
-        "buildId": "UqRRDXq126mxvfaJZFJER",
+        "buildId": "q6fVSC0AY7XnSEkIJezOs",
         "isFallback": false,
         "gip": true
       }
@@ -82,11 +82,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_buildManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_ssgManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Diff for withRouter.html

@@ -43,7 +43,7 @@
         "props": { "pageProps": {} },
         "page": "/withRouter",
         "query": {},
-        "buildId": "UqRRDXq126mxvfaJZFJER",
+        "buildId": "q6fVSC0AY7XnSEkIJezOs",
         "isFallback": false,
         "gip": true
       }
@@ -77,11 +77,11 @@
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_buildManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_buildManifest.js"
       async=""
     ></script>
     <script
-      src="/_next/static/UqRRDXq126mxvfaJZFJER/_ssgManifest.js"
+      src="/_next/static/q6fVSC0AY7XnSEkIJezOs/_ssgManifest.js"
       async=""
     ></script>
   </body>

Commit: 37ef0ae

examples/with-supertokens/package.json

examples/with-supertokens/pages/_app.js

examples/with-supertokens/pages/index.js

examples/with-supertokens/supertokens.js

…o with-supertokens

kant01ne · 2021-01-27T15:55:04Z

Hey @leerob ! Thanks for the review!
I've updated the PR to take all your comments into considerations.

That would be really great to get listed in https://github.com/vercel/next.js/blob/canary/docs/authentication.md as well but I wasn't sure if it was for me to decide :) Let me know if I should add the doc update to this PR.

rishabhpoddar · 2021-02-15T11:48:42Z

@leerob is there anything else we can do to make this PR / our integration more helpful for NextJS users? Thanks

leerob

Sorry for my slow response here on the follow-up. This looks great! Thank you so much ✅

rishabhpoddar · 2021-02-16T05:48:30Z

Thank you @leerob. How can we go about updating the docs related to this?

kant01ne · 2021-02-16T14:26:48Z

Thanks for the review @leerob , I created a new PR for the docs update as mentioned above #22223

Hey team. This PR is a follow up on #21384 to add a reference to `with-supertokens` example to authentication doc.

With Supertokens example

fc69adf

rishabhpoddar requested review from chibicode, ijjk, lfades, Timer and timneutkens as code owners January 20, 2021 15:50

ijjk added the examples Issue/PR related to examples label Jan 20, 2021

Merge branch 'canary' into with-supertokens

37ef0ae

leerob reviewed Jan 26, 2021

View reviewed changes

kant01ne and others added 6 commits January 27, 2021 15:49

Update With Supertokens example

8f8c4cf

Merge branch 'with-supertokens' of github.com:supertokens/next.js int…

9fde8e0

…o with-supertokens

remove unused imports

5fdf904

Merge branch 'canary' into with-supertokens

4065094

lint code

81af451

Merge branch 'with-supertokens' of github.com:supertokens/next.js int…

83ffcc5

…o with-supertokens

bump supertokens-node to 3.4.0 in with-supertokens example

0ebd0fa

leerob approved these changes Feb 15, 2021

View reviewed changes

leerob merged commit f6e2b06 into vercel:canary Feb 15, 2021

kant01ne deleted the with-supertokens branch February 16, 2021 08:12

kant01ne mentioned this pull request Feb 16, 2021

add-supertokens-to-authentication.md #22223

Merged

kodiakhq bot pushed a commit that referenced this pull request Mar 1, 2021

add-supertokens-to-authentication.md (#22223)

293c243

Hey team. This PR is a follow up on #21384 to add a reference to `with-supertokens` example to authentication doc.

This was referenced Mar 5, 2021

Bump next from 10.0.5 to 10.0.8 macrat/blanktar#639

Closed

Bump next from 10.0.7 to 10.0.8 appare45/pandora#8

Merged

Bump next from 10.0.5 to 10.0.8 iLek2428/dmg-blog#25

Closed

Bump next from 9.5.3 to 10.0.8 DDDEastMidlandsLimited/dddem-web#202

Closed

This was referenced Mar 15, 2021

Bump next from 9.5.3 to 10.0.8 Jam52/dddem-web#2

Closed

Bump next from 10.0.6 to 10.0.8 Danrrodrigues/boilerplate-react-next#228

Closed

vercel locked as resolved and limited conversation to collaborators Jan 29, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

With Supertokens example #21384

With Supertokens example #21384

rishabhpoddar commented Jan 20, 2021

ijjk commented Jan 20, 2021

Diffs

kant01ne commented Jan 27, 2021 •

edited

Loading

rishabhpoddar commented Feb 15, 2021

leerob left a comment

rishabhpoddar commented Feb 16, 2021 •

edited

Loading

kant01ne commented Feb 16, 2021

With Supertokens example #21384

With Supertokens example #21384

Conversation

rishabhpoddar commented Jan 20, 2021

ijjk commented Jan 20, 2021

Stats from current PR

Diffs

kant01ne commented Jan 27, 2021 • edited Loading

rishabhpoddar commented Feb 15, 2021

leerob left a comment

Choose a reason for hiding this comment

rishabhpoddar commented Feb 16, 2021 • edited Loading

kant01ne commented Feb 16, 2021

kant01ne commented Jan 27, 2021 •

edited

Loading

rishabhpoddar commented Feb 16, 2021 •

edited

Loading