diff --git a/.gitignore b/.gitignore index 740722a..8d30874 100644 --- a/.gitignore +++ b/.gitignore @@ -189,4 +189,7 @@ dist # and uncomment the following lines # .pnp.* -# End of https://www.toptal.com/developers/gitignore/api/node,yarn,nextjs \ No newline at end of file +# End of https://www.toptal.com/developers/gitignore/api/node,yarn,nextjs + +# Panda Css +src/styled-system \ No newline at end of file diff --git a/.postcssrc.json b/.postcssrc.json new file mode 100644 index 0000000..fddfc00 --- /dev/null +++ b/.postcssrc.json @@ -0,0 +1,5 @@ +{ + "plugins": { + "@pandacss/dev/postcss": {} + } +} \ No newline at end of file diff --git a/next-env.d.ts b/next-env.d.ts index fd36f94..4f11a03 100644 --- a/next-env.d.ts +++ b/next-env.d.ts @@ -1,6 +1,5 @@ /// /// -/// // NOTE: This file should not be edited // see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/package.json b/package.json index 3416ba9..d93d3fc 100644 --- a/package.json +++ b/package.json @@ -11,14 +11,15 @@ "prepare": "husky install" }, "dependencies": { - "@emotion/react": "^11.11.1", - "@emotion/styled": "^11.11.0", + "@fontsource/open-sans": "^5.0.12", + "@fontsource/permanent-marker": "^5.0.8", "@fortawesome/fontawesome-svg-core": "^6.4.2", "@fortawesome/free-brands-svg-icons": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", - "@mui/material": "^5.14.9", + "entgamers-panda-preset": "0.0.7", "formik": "^2.4.4", + "framer-motion": "^10.16.4", "gsap": "^3.12.2", "isomorphic-fetch": "^3.0.0", "next": "13.4.19", @@ -26,16 +27,16 @@ "react": "18.2.0", "react-dom": "18.2.0", "sharp": "^0.32.5", - "swiper": "^10.2.0", "yup": "^1.2.0" }, "devDependencies": { "@commitlint/cli": "^17.7.1", "@commitlint/config-conventional": "^17.7.0", - "@emotion/eslint-plugin": "^11.11.0", + "@pandacss/dev": "^0.15.0", "@types/isomorphic-fetch": "^0.0.36", "@types/node": "20.6.0", "@types/react": "18.2.21", + "@types/react-dom": "^18.2.7", "@typescript-eslint/eslint-plugin": "^6.4.0", "@typescript-eslint/parser": "^5.38.0", "eslint": "^8.0.1", diff --git a/panda.config.ts b/panda.config.ts new file mode 100644 index 0000000..39d3c07 --- /dev/null +++ b/panda.config.ts @@ -0,0 +1,13 @@ +import { defineConfig } from '@pandacss/dev' +import entGamersPandaPreset from 'entgamers-panda-preset' + +export default defineConfig({ + presets: [entGamersPandaPreset], + gitignore: true, + preflight: true, + include: ['./src/**/*.{js,jsx,ts,tsx}'], + exclude: [], + outdir: 'src/styled-system', + jsxFactory: 'panda', + jsxFramework: 'react' +}) diff --git a/src/app/global.css b/src/app/global.css new file mode 100644 index 0000000..009ed44 --- /dev/null +++ b/src/app/global.css @@ -0,0 +1 @@ +@layer reset, base, tokens, recipes, utilities; \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d56caf9..c0cb7ca 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,43 @@ -import { type FC } from 'react' +import '@/app/global.css' +import Footer from '@/components/layout/Footer' +import Header from '@/components/layout/Header' +import { css } from '@/styled-system/css' +import '@fontsource/open-sans/latin-300.css' +import '@fontsource/open-sans/latin-400.css' +import '@fontsource/open-sans/latin-700.css' +import '@fontsource/permanent-marker/latin-400.css' +import { config } from '@fortawesome/fontawesome-svg-core' +import '@fortawesome/fontawesome-svg-core/styles.css' +import { type Metadata } from 'next' +import { type FC, type ReactNode } from 'react' -const RootLayout: FC = () => { +config.autoAddCss = false + +export const metadata: Metadata = { + title: 'Home | EntGamers', + description: 'Una comunidad de jugadores, para jugadores' +} + +interface RootLayoutProps { + children: ReactNode +} + +const RootLayout: FC = ({ children }) => { return ( -
RootLayout
+ + +
+
+ {children} +
+