Skip to content

Commit de3dfb1

Browse files
authored
chore(*): updated nextjs ssg example
2 parents dd318bf + cc59c5d commit de3dfb1

File tree

34 files changed

+152
-4033
lines changed

34 files changed

+152
-4033
lines changed

eslint.config.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ const config: any[] = [
1515
"**/node_modules/**",
1616
"**/build/**",
1717
"**/.next/**",
18+
"**/out/**",
19+
"**/.firebase/**",
1820
"**/.angular/**",
1921
"**/releases/**",
2022
"**/shadcn/public-dev/**",

examples/nextjs/.firebaserc

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"projects": {
3-
"default": "fir-ui-2025"
3+
"default": "fir-ui-rework"
44
}
55
}

examples/nextjs/app/forgot-password/page.tsx

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,10 @@
1414
* limitations under the License.
1515
*/
1616

17-
import { getCurrentUser } from "@/lib/firebase/serverApp";
18-
import { redirect } from "next/navigation";
19-
import ForgotPasswordScreen from "./screen";
20-
21-
export default async function ForgotPasswordPage() {
22-
const { currentUser } = await getCurrentUser();
17+
"use client";
2318

24-
if (currentUser) {
25-
return redirect("/");
26-
}
19+
import ForgotPasswordScreen from "./screen";
2720

21+
export default function ForgotPasswordPage() {
2822
return <ForgotPasswordScreen />;
2923
}

examples/nextjs/app/forgot-password/screen.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@
1616

1717
"use client";
1818

19-
import { PasswordResetScreen } from "@invertase/firebaseui-react";
19+
import { ForgotPasswordAuthScreen } from "@invertase/firebaseui-react";
2020
import { useRouter } from "next/navigation";
2121

2222
export default function Screen() {
2323
const router = useRouter();
2424

25-
return <PasswordResetScreen onBackToSignInClick={() => router.push("/sign-in")} />;
25+
return <ForgotPasswordAuthScreen onBackToSignInClick={() => router.push("/sign-in")} />;
2626
}

examples/nextjs/app/layout.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,14 @@
1414
* limitations under the License.
1515
*/
1616

17-
import { getCurrentUser } from "@/lib/firebase/serverApp";
18-
import { FirebaseUIProvider } from "@/lib/firebase/ui";
17+
// import { getCurrentUser } from "@/lib/firebase/serverApp";
1918
import type { Metadata } from "next";
2019
import { Geist, Geist_Mono } from "next/font/google";
20+
import { FirebaseUIProviderHoc } from "../lib/firebase/ui";
21+
// import { Header } from "@/lib/components/header";
2122

22-
import { Header } from "@/lib/components/header";
2323
import "./globals.css";
24+
// import { useUser } from "@/lib/firebase/hooks";
2425

2526
const geistSans = Geist({
2627
variable: "--font-geist-sans",
@@ -42,13 +43,13 @@ export default async function RootLayout({
4243
}: Readonly<{
4344
children: React.ReactNode;
4445
}>) {
45-
const { currentUser } = await getCurrentUser();
46+
// const user = await useUser();
4647

4748
return (
4849
<html lang="en">
4950
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
50-
<Header currentUser={currentUser} />
51-
<FirebaseUIProvider>{children}</FirebaseUIProvider>
51+
{/* <Header currentUser={{null}} /> */}
52+
<FirebaseUIProviderHoc>{children}</FirebaseUIProviderHoc>
5253
</body>
5354
</html>
5455
);

examples/nextjs/app/register/page.tsx

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,10 @@
1414
* limitations under the License.
1515
*/
1616

17-
import { getCurrentUser } from "@/lib/firebase/serverApp";
18-
import { redirect } from "next/navigation";
19-
import RegisterScreen from "./screen";
20-
21-
export default async function RegisterPage() {
22-
const { currentUser } = await getCurrentUser();
17+
"use client";
2318

24-
if (currentUser) {
25-
return redirect("/");
26-
}
19+
import RegisterScreen from "./screen";
2720

21+
export default function RegisterPage() {
2822
return <RegisterScreen />;
2923
}

examples/nextjs/app/register/screen.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export default function Screen() {
3333
}, [user, router]);
3434

3535
return (
36-
<SignUpAuthScreen onBackToSignInClick={() => router.push("/sign-in")}>
36+
<SignUpAuthScreen onSignInClick={() => router.push("/sign-in")}>
3737
<GoogleSignInButton />
3838
</SignUpAuthScreen>
3939
);

examples/nextjs/lib/examples/4/page.tsx renamed to examples/nextjs/app/screens/forgot-password-auth-screen/page.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
/**
2+
23
* Copyright 2025 Google LLC
34
*
45
* Licensed under the Apache License, Version 2.0 (the "License");
@@ -16,8 +17,8 @@
1617

1718
"use client";
1819

19-
import { SignInAuthScreen } from "@invertase/firebaseui-react";
20+
import { ForgotPasswordAuthScreen } from "@invertase/firebaseui-react";
2021

21-
export default function Example4() {
22-
return <SignInAuthScreen onForgotPasswordClick={() => {}} onRegisterClick={() => {}} />;
22+
export default function ForgotPasswordAuthScreenPage() {
23+
return <ForgotPasswordAuthScreen onBackToSignInClick={() => {}} />;
2324
}

examples/nextjs/app/screens/password-reset-screen/page.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@
1616

1717
"use client";
1818

19-
import { PasswordResetScreen } from "@invertase/firebaseui-react";
19+
import { ForgotPasswordAuthScreen } from "@invertase/firebaseui-react";
2020

2121
export default function PasswordResetScreenPage() {
22-
return <PasswordResetScreen onBackToSignInClick={() => {}} />;
22+
return <ForgotPasswordAuthScreen onBackToSignInClick={() => {}} />;
2323
}

examples/nextjs/app/screens/phone-auth-screen/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,5 +19,5 @@
1919
import { PhoneAuthScreen } from "@invertase/firebaseui-react";
2020

2121
export default function PhoneAuthScreenPage() {
22-
return <PhoneAuthScreen resendDelay={2} />;
22+
return <PhoneAuthScreen />;
2323
}

0 commit comments

Comments
 (0)