diff --git a/apps/docs/components/HomePageCover.tsx b/apps/docs/components/HomePageCover.tsx index 55d62c39620..1d887ae3dc7 100644 --- a/apps/docs/components/HomePageCover.tsx +++ b/apps/docs/components/HomePageCover.tsx @@ -14,7 +14,7 @@ const HomePageCover = (props) => { href: '/guides/getting-started/quickstarts/reactjs', }, { - tooltip: 'NextJS', + tooltip: 'Next.js', icon: '/docs/img/icons/nextjs-icon', href: '/guides/getting-started/quickstarts/nextjs', }, diff --git a/apps/docs/pages/guides/auth/auth-password-reset.mdx b/apps/docs/pages/guides/auth/auth-password-reset.mdx index 5b55a245325..d36dca1c48f 100644 --- a/apps/docs/pages/guides/auth/auth-password-reset.mdx +++ b/apps/docs/pages/guides/auth/auth-password-reset.mdx @@ -171,7 +171,7 @@ We will also need to check for the `next` query parameter to redirect the user t // for your app/framework. This is just an example. const next = url.searchParams.get('next') -// using NextJS API response object in this example +// using Next.js API response object in this example res.redirect(next) ``` diff --git a/apps/docs/pages/guides/getting-started.mdx b/apps/docs/pages/guides/getting-started.mdx index 59eb91b933a..fd8aa4f8532 100644 --- a/apps/docs/pages/guides/getting-started.mdx +++ b/apps/docs/pages/guides/getting-started.mdx @@ -203,10 +203,10 @@ export const quickstarts = [ export const webapps = [ { - title: 'NextJS', + title: 'Next.js', href: '/guides/getting-started/tutorials/with-nextjs', description: - 'Learn how to build a user management app with NextJS and Supabase Database, Auth, and Storage functionality.', + 'Learn how to build a user management app with Next.js and Supabase Database, Auth, and Storage functionality.', icon: '/docs/img/icons/nextjs-icon', }, { diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx index 553ff36d387..8cd74ec266d 100644 --- a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx +++ b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx @@ -1,8 +1,8 @@ import Layout from '~/layouts/DefaultGuideLayout' export const meta = { - title: 'Build a User Management App with NextJS', - description: 'Learn how to use Supabase in your Next App.', + title: 'Build a User Management App with Next.js', + description: 'Learn how to use Supabase in your Next.js App.', } @@ -79,7 +79,7 @@ Install the auth helpers for Next.js npm install @supabase/auth-helpers-nextjs @supabase/supabase-js ``` -### NextJS Middleware +### Next.js Middleware -### Build an App With Supabase and NextJS +### Build an App With Supabase and Next.js By [@jlengstorf](https://twitter.com/jlengstorf) and [@jonmeyers_io](https://twitter.com/jonmeyers_io). @@ -116,8 +116,8 @@ Build a basic Todo List with Supabase and your favorite frontend framework: - Supabase Auth with Sapper SSR. [Blog](https://dev.to/jakobbouchard/how-to-setup-supabase-auth-with-sapper-ssr-13od) - Switch from Firebase Auth to Supabase Auth. [Blog](https://msyyn.medium.com/switch-from-firebase-auth-to-supabase-auth-the-open-source-firebase-alternative-509746952b1b) - Setting up Umami Analytics with Supabase. [Blog](https://dev.to/jakobbouchard/setting-up-umami-with-vercel-and-supabase-3a73) -- Creating New Supabase Users In NextJS. [Blog](https://www.aboutmonica.com/blog/creating-new-supabase-users-in-next-js) -- Creating Protected Routes In NextJS With Supabase. [Blog](https://www.aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- Creating New Supabase Users In Next.js. [Blog](https://www.aboutmonica.com/blog/creating-new-supabase-users-in-next-js) +- Creating Protected Routes In Next.js With Supabase. [Blog](https://www.aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) - Migrate from Google Cloud Storage (GCS) to Supabase Storage [Gist](https://gist.github.com/danalloway/86f79efd5ca336ff7364554ac3104014) - Subscriptions with Supabase and Stripe Billing [Blog](https://www.sandromaglione.com/2021/04/29/supabase-auth-create-stripe-customer-subscription-supabase-stripe-billing-part-1/) - Flutter Supabase Authentication [Blog](https://www.sandromaglione.com/2021/04/24/flutter-supabase-authentication/) diff --git a/apps/docs/pages/guides/storage/serving/image-transformations.mdx b/apps/docs/pages/guides/storage/serving/image-transformations.mdx index bf31e12e78a..456c55c7406 100644 --- a/apps/docs/pages/guides/storage/serving/image-transformations.mdx +++ b/apps/docs/pages/guides/storage/serving/image-transformations.mdx @@ -186,11 +186,11 @@ supabase.storage["bucket"].downloadAuthenticatedTo("image.jpg", file) { -## NextJS Loader +## Next.js Loader -You can use Supabase Image Transformation to optimize your NextJS images using a custom [Loader](https://nextjs.org/docs/api-reference/next/image#loader-configuration). +You can use Supabase Image Transformation to optimize your Next.js images using a custom [Loader](https://nextjs.org/docs/api-reference/next/image#loader-configuration). -To get started, create a `supabase-image-loader.js` file in your NextJS project which exports a default function: +To get started, create a `supabase-image-loader.js` file in your Next.js project which exports a default function: ```ts const projectId = '' // your supabase project id @@ -202,7 +202,7 @@ export default function supabaseLoader({ src, width, quality }) { } ``` -In your `nextjs.config.js` file add the following configuration to instruct NextJS to use our custom loader +In your `nextjs.config.js` file add the following configuration to instruct Next.js to use our custom loader ```js module.exports = { @@ -213,7 +213,7 @@ module.exports = { } ``` -At this point you are ready to use the `Image` component provided by NextJS +At this point you are ready to use the `Image` component provided by Next.js ```tsx import Image from 'next/image' diff --git a/apps/www/_blog/2021-07-30-1-the-supabase-hackathon.mdx b/apps/www/_blog/2021-07-30-1-the-supabase-hackathon.mdx index 0dd26649c87..d9a75f042d6 100644 --- a/apps/www/_blog/2021-07-30-1-the-supabase-hackathon.mdx +++ b/apps/www/_blog/2021-07-30-1-the-supabase-hackathon.mdx @@ -134,7 +134,7 @@ Here's a collection of resources that will help you get started building with Su - [Send SMS notifications using Twilio](https://www.twilio.com/blog/send-sms-notifications-supabase-users-node-js-twilio-messaging) - [How to Integrate Supabase in Your Ionic App](https://www.youtube.com/watch?v=pl9XfIWutKE) [video] - [Building a Slack clone with authentication and realtime data syncing using Supabase](https://www.youtube.com/watch?v=LUMxJ4w-MUU) [video] -- [Creating Protected Routes In NextJS With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- [Creating Protected Routes In Next.js With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) ### Additional Info diff --git a/apps/www/_blog/2021-08-09-hackathon-winners.mdx b/apps/www/_blog/2021-08-09-hackathon-winners.mdx index e859d1a7009..746d8ba1ed1 100644 --- a/apps/www/_blog/2021-08-09-hackathon-winners.mdx +++ b/apps/www/_blog/2021-08-09-hackathon-winners.mdx @@ -158,4 +158,4 @@ If you're inspired to build, here's a collection of resources that will help you - [Send SMS notifications using Twilio](https://www.twilio.com/blog/send-sms-notifications-supabase-users-node-js-twilio-messaging) - [How to Integrate Supabase in Your Ionic App](https://www.youtube.com/watch?v=pl9XfIWutKE) [video] - [Building a Slack clone with authentication and realtime data syncing using Supabase](https://www.youtube.com/watch?v=LUMxJ4w-MUU) [video] -- [Creating Protected Routes In NextJS With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- [Creating Protected Routes In Next.js With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) diff --git a/apps/www/_blog/2021-09-28-supabase-hacktoberfest-hackathon-2021.mdx b/apps/www/_blog/2021-09-28-supabase-hacktoberfest-hackathon-2021.mdx index df4a00a6f32..584705e773d 100644 --- a/apps/www/_blog/2021-09-28-supabase-hacktoberfest-hackathon-2021.mdx +++ b/apps/www/_blog/2021-09-28-supabase-hacktoberfest-hackathon-2021.mdx @@ -139,7 +139,7 @@ Here's a collection of resources that will help you get started building with Su - [Send SMS notifications using Twilio](https://www.twilio.com/blog/send-sms-notifications-supabase-users-node-js-twilio-messaging) - [How to Integrate Supabase in Your Ionic App](https://www.youtube.com/watch?v=pl9XfIWutKE) [video] - [Building a Slack clone with authentication and realtime data syncing using Supabase](https://www.youtube.com/watch?v=LUMxJ4w-MUU) [video] -- [Creating Protected Routes In NextJS With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- [Creating Protected Routes In Next.js With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) ### Additional Info diff --git a/apps/www/_blog/2021-10-14-hacktoberfest-hackathon-winners-2021.mdx b/apps/www/_blog/2021-10-14-hacktoberfest-hackathon-winners-2021.mdx index c6c2df6fb69..1ba2802e5be 100644 --- a/apps/www/_blog/2021-10-14-hacktoberfest-hackathon-winners-2021.mdx +++ b/apps/www/_blog/2021-10-14-hacktoberfest-hackathon-winners-2021.mdx @@ -156,4 +156,4 @@ If you're inspired to build, here's a collection of resources that will help you - [Send SMS notifications using Twilio](https://www.twilio.com/blog/send-sms-notifications-supabase-users-node-js-twilio-messaging) - [How to Integrate Supabase in Your Ionic App](https://www.youtube.com/watch?v=pl9XfIWutKE) [video] - [Building a Slack clone with authentication and realtime data syncing using Supabase](https://www.youtube.com/watch?v=LUMxJ4w-MUU) [video] -- [Creating Protected Routes In NextJS With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- [Creating Protected Routes In Next.js With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) diff --git a/apps/www/_blog/2021-12-03-supabase-holiday-hackdays-hackathon.mdx b/apps/www/_blog/2021-12-03-supabase-holiday-hackdays-hackathon.mdx index 1b43e779f51..3f4e6950a38 100644 --- a/apps/www/_blog/2021-12-03-supabase-holiday-hackdays-hackathon.mdx +++ b/apps/www/_blog/2021-12-03-supabase-holiday-hackdays-hackathon.mdx @@ -133,7 +133,7 @@ Here's a collection of resources that will help you get started building with Su - [Send SMS notifications using Twilio](https://www.twilio.com/blog/send-sms-notifications-supabase-users-node-js-twilio-messaging) - [How to Integrate Supabase in Your Ionic App](https://www.youtube.com/watch?v=pl9XfIWutKE) [video] - [Building a Slack clone with authentication and realtime data syncing using Supabase](https://www.youtube.com/watch?v=LUMxJ4w-MUU) [video] -- [Creating Protected Routes In NextJS With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) +- [Creating Protected Routes In Next.js With Supabase](https://aboutmonica.com/blog/creating-protected-routes-in-next-js-with-supabase) ### Additional Info diff --git a/apps/www/_blog/2022-02-22-supabase-beta-january-2022.mdx b/apps/www/_blog/2022-02-22-supabase-beta-january-2022.mdx index 771f5bd4077..2d8cbd88373 100644 --- a/apps/www/_blog/2022-02-22-supabase-beta-january-2022.mdx +++ b/apps/www/_blog/2022-02-22-supabase-beta-january-2022.mdx @@ -169,7 +169,7 @@ Retool has put together a brilliant 10 minute admin panel setup using Supabase w ### Learn with Jason -Jason Lengstorf caught up with our very own [Jon Meyers](https://jonmeyers.io/) on his awesome show, [Learn with Jason](https://www.youtube.com/watch?v=8vqY1KT4TLU), to talk about building an app [with Supabase and NextJS](https://supabase.com/docs/guides/with-nextjs). +Jason Lengstorf caught up with our very own [Jon Meyers](https://jonmeyers.io/) on his awesome show, [Learn with Jason](https://www.youtube.com/watch?v=8vqY1KT4TLU), to talk about building an app [with Supabase and Next.js](https://supabase.com/docs/guides/with-nextjs).