Updating with-supertokens example (#29876)

Updating dependency of supertokens-node and providing development OAuth keys for google and github for quicker setup.

Author: rishabhpoddar

examples/with-supertokens/.env.local.example

@@ -2,12 +2,6 @@
 
 This is a simple set up for applications protected by SuperTokens.
 
-## Deploy your own
-
-Deploy the example using [Vercel](https://vercel.com):
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-supertokens&project-name=with-supertokens&repository-name=with-supertokens)
-
 ## How to use
 
 - Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
@@ -22,28 +16,6 @@ yarn create next-app --example with-supertokens with-supertokens-app
 
 - Run `npm run dev` to start the application on `http://localhost:3000`.
 
-## Configuration
-
-> Until you do this, social login will not work. But you can still try out email password sign up / in.
-
-- Create a `.env.local` file and copy the content of `.env.local.example` into it:
-
-  ```bash
-  cp .env.local.example .env.local
-  ```
-
-- Fill in the values for your social login secrets
-
-## Deploy on Vercel
-
-You can deploy this app to the cloud with [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
-
-### Deploy Your Local Project
-
-To deploy your local project to Vercel, push it to GitHub/GitLab/Bitbucket and [import to Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example).
-
-**Important**: When you import your project on Vercel, make sure to click on **Environment Variables** and set them to match your `.env.local` file.
-
 ## Notes
 
 Take a look at [SuperTokens documentation](https://supertokens.io/docs/community/introduction).

examples/with-supertokens/README.md

@@ -28,18 +28,21 @@ export let backendConfig = () => {
     recipeList: [
       ThirdPartyEmailPasswordNode.init({
         providers: [
+          // We have provided you with development keys which you can use for testing.
+          // IMPORTANT: Please replace them with your own OAuth keys for production use.
           ThirdPartyEmailPasswordNode.Google({
-            clientSecret: process.env.GOOGLE_CLIENT_SECRET || 'PLACEHOLDER',
-            clientId: process.env.GOOGLE_CLIENT_ID || 'PLACEHOLDER',
+            clientId:
+              '1060725074195-kmeum4crr01uirfl2op9kd5acmi9jutn.apps.googleusercontent.com',
+            clientSecret: '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',
           }),
           ThirdPartyEmailPasswordNode.Github({
-            clientSecret: process.env.GITHUB_CLIENT_SECRET || 'PLACEHOLDER',
-            clientId: process.env.GITHUB_CLIENT_ID || 'PLACEHOLDER',
-          }),
-          ThirdPartyEmailPasswordNode.Facebook({
-            clientSecret: process.env.FACEBOOK_CLIENT_SECRET || 'PLACEHOLDER',
-            clientId: process.env.FACEBOOK_CLIENT_ID || 'PLACEHOLDER',
+            clientId: '467101b197249757c71f',
+            clientSecret: 'e97051221f4b6426e8fe8d51486396703012f5bd',
           }),
+          // ThirdPartyEmailPasswordNode.Facebook({
+          //   clientSecret: process.env.FACEBOOK_CLIENT_SECRET || 'PLACEHOLDER',
+          //   clientId: process.env.FACEBOOK_CLIENT_ID || 'PLACEHOLDER',
+          // }),
         ],
       }),
       SessionNode.init(),
@@ -60,7 +63,6 @@ export let frontendConfig = () => {
           providers: [
             ThirdPartyEmailPasswordReact.Google.init(),
             ThirdPartyEmailPasswordReact.Github.init(),
-            ThirdPartyEmailPasswordReact.Facebook.init(),
           ],
         },
       }),

examples/with-supertokens/config/supertokensConfig.js

@@ -10,7 +10,7 @@
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "supertokens-auth-react": "^0.16.0",
-    "supertokens-node": "^7.0.0"
+    "supertokens-node": "^7.3.0"
   },
   "devDependencies": {
     "eslint-config-next": "11.0.1"