rannes.dev/titles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set up nextui and framer motion #3

Merged
christian merged 1 commits from framer-nextui into main 2024-05-17 08:45:25 +00:00
Conversation 0 Commits 1 Files Changed 5 +3057 -144
5 changed files with 3057 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3c39510aa3 - Show all commits

6
app/layout.tsx
View File

@ -1,7 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { SessionProvider } from "next-auth/react"; import { NextUIProvider } from "@nextui-org/system";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
@ -17,7 +17,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children}</body> <body className={inter.className}>
<NextUIProvider>{children}</NextUIProvider>
</body>
</html> </html>
); );
} }

7
components/SignIn.tsx
View File

@ -3,12 +3,13 @@
import { signIn, signOut } from "next-auth/react"; import { signIn, signOut } from "next-auth/react";
import { SyntheticEvent } from "react"; import { SyntheticEvent } from "react";
import { Session } from "next-auth"; import { Session } from "next-auth";
import { Button } from "@nextui-org/button";
interface SignInProps { interface SignInProps {
session: Session | null; session: Session | null;
} }
export default async function SignIn({ session }: SignInProps) { export default function SignIn({ session }: SignInProps) {
const handleSignIn = async (event: SyntheticEvent) => { const handleSignIn = async (event: SyntheticEvent) => {
event.preventDefault(); event.preventDefault();
await signIn("github"); await signIn("github");
@ -21,11 +22,11 @@ export default async function SignIn({ session }: SignInProps) {
return session?.user ? ( return session?.user ? (
<form onSubmit={handleSignOut}> <form onSubmit={handleSignOut}>
<button type="submit">Sign out</button> <Button type="submit">Sign out</Button>
</form> </form>
) : ( ) : (
<form onSubmit={handleSignIn}> <form onSubmit={handleSignIn}>
<button type="submit">Sign in with GitHub</button> <Button type="submit">Sign in</Button>
</form> </form>
); );
} }

3170
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

5
package.json
View File

@ -10,9 +10,14 @@
}, },
"dependencies": { "dependencies": {
"@next/env": "^14.2.3", "@next/env": "^14.2.3",
"@nextui-org/button": "^2.0.31",
"@nextui-org/react": "^2.3.6",
"@nextui-org/system": "^2.1.2",
"@nextui-org/theme": "^2.2.3",
"@types/next-auth": "^3.15.0", "@types/next-auth": "^3.15.0",
"@vercel/postgres": "^0.8.0", "@vercel/postgres": "^0.8.0",
"drizzle-orm": "^0.30.10", "drizzle-orm": "^0.30.10",
"framer-motion": "^11.2.4",
"next": "14.2.3", "next": "14.2.3",
"next-auth": "^5.0.0-beta.18", "next-auth": "^5.0.0-beta.18",
"react": "^18.3.1", "react": "^18.3.1",

13
tailwind.config.ts
View File

@ -1,3 +1,4 @@
import { nextui } from "@nextui-org/theme";
import type { Config } from "tailwindcss"; import type { Config } from "tailwindcss";
const config: Config = { const config: Config = {
@ -5,16 +6,12 @@ const config: Config = {
"./pages/**/*.{js,ts,jsx,tsx,mdx}", "./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}",
"./node_modules/@nextui-org/theme/dist/components/(button|ripple|spinner).js",
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
], ],
theme: { theme: {
extend: { extend: {},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
}, },
}, plugins: [nextui()],
},
plugins: [],
}; };
export default config; export default config;