From d966e9a909ce9756ed9be0eb518c0f1bcbb0db64 Mon Sep 17 00:00:00 2001 From: Guus van Meerveld Date: Tue, 5 Mar 2024 23:22:09 +0100 Subject: [PATCH] basic next.js application using nextui --- package.json | 5 + postcss.config.js | 6 + src/app/layout.tsx | 29 + src/app/page.tsx | 11 + src/app/providers.tsx | 7 + src/components/EmptyPage.tsx | 13 - src/components/Footer.tsx | 69 - src/components/Layout.tsx | 16 - src/components/LinkComponent.tsx | 71 - src/components/LoginForm.tsx | 104 - src/components/Post.tsx | 54 - src/components/SignupForm.tsx | 111 - src/components/Tags.tsx | 15 - src/components/ThemeChanger.tsx | 30 - src/components/User.tsx | 73 - src/components/emptyPage.module.scss | 3 - src/components/footer.module.scss | 6 - src/components/linkComponent.module.scss | 8 - src/components/post.module.scss | 7 - src/components/repositories.module.scss | 7 - src/components/themeChanger.module.scss | 7 - src/components/user.module.scss | 17 - src/models/landing.ts | 11 - src/models/link.ts | 15 - src/models/login.ts | 7 - src/models/owner.ts | 17 - src/models/post.ts | 8 - src/models/response.ts | 27 - src/models/signup.ts | 7 - src/models/user.ts | 8 - src/next-seo.config.ts | 9 - src/pages/404.module.scss | 8 - src/pages/404.tsx | 35 - src/pages/_app.tsx | 25 - src/pages/admin.module.scss | 3 - src/pages/admin.tsx | 118 -- src/pages/api/blog/new.ts | 49 - src/pages/api/link/delete.ts | 58 - src/pages/api/link/new.ts | 43 - src/pages/api/login.ts | 54 - src/pages/api/logout.ts | 28 - src/pages/api/settings.ts | 17 - src/pages/api/signup.ts | 62 - src/pages/api/user.ts | 24 - src/pages/blog/[id].module.scss | 3 - src/pages/blog/[id].tsx | 84 - src/pages/blog/blog.module.scss | 9 - src/pages/blog/index.tsx | 76 - src/pages/blog/new.tsx | 166 -- src/pages/index.tsx | 28 - src/pages/link/[location].tsx | 22 - src/pages/link/edit/[id].tsx | 26 - src/pages/link/index.tsx | 62 - src/pages/link/new.tsx | 132 -- src/pages/login.module.scss | 21 - src/pages/login.tsx | 84 - src/styles/_dark.scss | 107 - src/styles/_variables.scss | 13 - src/styles/global.scss | 3 + src/styles/globals.scss | 10 - src/utils/config.ts | 19 - src/utils/errors.ts | 17 - src/utils/exists.ts | 7 - src/utils/fetch.ts | 23 - src/utils/git/fetch.ts | 44 - src/utils/hooks/useUser.ts | 35 - src/utils/landing/index.ts | 30 - src/utils/multipleClassNames.ts | 5 - src/utils/prisma.ts | 18 - src/utils/session.ts | 29 - tailwind.config.js | 16 + tsconfig.json | 84 +- yarn.lock | 2343 +++++++++++++++++++++- 73 files changed, 2464 insertions(+), 2354 deletions(-) create mode 100644 postcss.config.js create mode 100644 src/app/layout.tsx create mode 100644 src/app/page.tsx create mode 100644 src/app/providers.tsx delete mode 100644 src/components/EmptyPage.tsx delete mode 100644 src/components/Footer.tsx delete mode 100644 src/components/Layout.tsx delete mode 100644 src/components/LinkComponent.tsx delete mode 100644 src/components/LoginForm.tsx delete mode 100644 src/components/Post.tsx delete mode 100644 src/components/SignupForm.tsx delete mode 100644 src/components/Tags.tsx delete mode 100644 src/components/ThemeChanger.tsx delete mode 100644 src/components/User.tsx delete mode 100644 src/components/emptyPage.module.scss delete mode 100644 src/components/footer.module.scss delete mode 100644 src/components/linkComponent.module.scss delete mode 100644 src/components/post.module.scss delete mode 100644 src/components/repositories.module.scss delete mode 100644 src/components/themeChanger.module.scss delete mode 100644 src/components/user.module.scss delete mode 100644 src/models/landing.ts delete mode 100644 src/models/link.ts delete mode 100644 src/models/login.ts delete mode 100644 src/models/owner.ts delete mode 100644 src/models/post.ts delete mode 100644 src/models/response.ts delete mode 100644 src/models/signup.ts delete mode 100644 src/models/user.ts delete mode 100644 src/next-seo.config.ts delete mode 100644 src/pages/404.module.scss delete mode 100644 src/pages/404.tsx delete mode 100644 src/pages/_app.tsx delete mode 100644 src/pages/admin.module.scss delete mode 100644 src/pages/admin.tsx delete mode 100644 src/pages/api/blog/new.ts delete mode 100644 src/pages/api/link/delete.ts delete mode 100644 src/pages/api/link/new.ts delete mode 100644 src/pages/api/login.ts delete mode 100644 src/pages/api/logout.ts delete mode 100644 src/pages/api/settings.ts delete mode 100644 src/pages/api/signup.ts delete mode 100644 src/pages/api/user.ts delete mode 100644 src/pages/blog/[id].module.scss delete mode 100644 src/pages/blog/[id].tsx delete mode 100644 src/pages/blog/blog.module.scss delete mode 100644 src/pages/blog/index.tsx delete mode 100644 src/pages/blog/new.tsx delete mode 100644 src/pages/index.tsx delete mode 100644 src/pages/link/[location].tsx delete mode 100644 src/pages/link/edit/[id].tsx delete mode 100644 src/pages/link/index.tsx delete mode 100644 src/pages/link/new.tsx delete mode 100644 src/pages/login.module.scss delete mode 100644 src/pages/login.tsx delete mode 100644 src/styles/_dark.scss delete mode 100644 src/styles/_variables.scss create mode 100644 src/styles/global.scss delete mode 100644 src/styles/globals.scss delete mode 100644 src/utils/config.ts delete mode 100644 src/utils/errors.ts delete mode 100644 src/utils/exists.ts delete mode 100644 src/utils/fetch.ts delete mode 100644 src/utils/git/fetch.ts delete mode 100644 src/utils/hooks/useUser.ts delete mode 100644 src/utils/landing/index.ts delete mode 100644 src/utils/multipleClassNames.ts delete mode 100644 src/utils/prisma.ts delete mode 100644 src/utils/session.ts create mode 100644 tailwind.config.js diff --git a/package.json b/package.json index 98e8691..2beafde 100644 --- a/package.json +++ b/package.json @@ -16,10 +16,12 @@ "full-test": "yarn test-build && yarn lint && yarn stylelint" }, "dependencies": { + "@nextui-org/react": "^2.2.10", "@prisma/client": "4.10.1", "@tanstack/react-query": "^4.24.9", "axios": "^1.1.2", "bcrypt": "^5.1.0", + "framer-motion": "^11.0.8", "fs-extra": "^11.2.0", "iron-session": "^6.3.1", "next": "^14.1.1", @@ -36,11 +38,14 @@ "@types/node": "^15.12.1", "@types/react": "^17.0.9", "@types/react-dom": "^17.0.6", + "autoprefixer": "^10.4.18", "eslint": "^7.28.0", "eslint-config-next": "13.1.6", + "postcss": "^8.4.35", "prettier": "^2.3.1", "prisma": "^5.8.1", "sass": "^1.34.1", + "tailwindcss": "^3.4.1", "typescript": "^4.3.2" } } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..054c147 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {} + } +}; diff --git a/src/app/layout.tsx b/src/app/layout.tsx new file mode 100644 index 0000000..9adb8b3 --- /dev/null +++ b/src/app/layout.tsx @@ -0,0 +1,29 @@ +import { Metadata } from "next"; + +import { Providers } from "./providers"; + +import "@styles/global.scss"; + +export default function RootLayout({ + children +}: { + children: React.ReactNode; +}) { + return ( + + + {children} + + + ); +} + +export const metadata: Metadata = { + title: { + default: "Portfolio", + template: "%s | Portfolio" + }, + description: "Guus van Meerveld's portfolio", + applicationName: "Portfolio", + manifest: "/manifest.json" +}; diff --git a/src/app/page.tsx b/src/app/page.tsx new file mode 100644 index 0000000..9a2cb7d --- /dev/null +++ b/src/app/page.tsx @@ -0,0 +1,11 @@ +"use client"; + +import { Button } from "@nextui-org/react"; + +export default function Page() { + return ( +
+ +
+ ); +} diff --git a/src/app/providers.tsx b/src/app/providers.tsx new file mode 100644 index 0000000..279d01e --- /dev/null +++ b/src/app/providers.tsx @@ -0,0 +1,7 @@ +"use client"; + +import { NextUIProvider } from "@nextui-org/react"; + +export function Providers({ children }: { children: React.ReactNode }) { + return {children}; +} diff --git a/src/components/EmptyPage.tsx b/src/components/EmptyPage.tsx deleted file mode 100644 index 729d4aa..0000000 --- a/src/components/EmptyPage.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import styles from "./emptyPage.module.scss"; - -import { FC } from "react"; - -const EmptyPage: FC = ({ children }) => { - return ( -
-
{children}
-
- ); -}; - -export default EmptyPage; diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx deleted file mode 100644 index a728ac4..0000000 --- a/src/components/Footer.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import Link from "next/link"; - -import styles from "./footer.module.scss"; - -import { FC } from "react"; - -import multipleClassNames from "@utils/multipleClassNames"; - -const Footer: FC = () => { - return ( - - ); -}; - -export default Footer; diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx deleted file mode 100644 index ab2d0ae..0000000 --- a/src/components/Layout.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { FC } from "react"; - -import Footer from "@components/Footer"; -import ThemeChanger from "@components/ThemeChanger"; - -const Layout: FC = ({ children }) => { - return ( - <> - - {children} -