La Liga Front End Repo
Go to file
Manuel Cebreiro b4a58c8a54 first commit 2024-05-21 19:47:44 +02:00
.vscode first commit 2024-05-21 19:47:44 +02:00
prisma first commit 2024-05-21 19:47:44 +02:00
public first commit 2024-05-21 19:47:44 +02:00
src first commit 2024-05-21 19:47:44 +02:00
.eslintrc.json first commit 2024-05-21 19:47:44 +02:00
.gitignore first commit 2024-05-21 19:47:44 +02:00
.prettierrc first commit 2024-05-21 19:47:44 +02:00
Jenkinsfile Fix braces 2024-05-21 14:51:37 +02:00
README.md first commit 2024-05-21 19:47:44 +02:00
next-i18next.config.js first commit 2024-05-21 19:47:44 +02:00
next.config.js first commit 2024-05-21 19:47:44 +02:00
package.json first commit 2024-05-21 19:47:44 +02:00
postcss.config.js first commit 2024-05-21 19:47:44 +02:00
tailwind.config.js first commit 2024-05-21 19:47:44 +02:00
tsconfig.json first commit 2024-05-21 19:47:44 +02:00
type.ts first commit 2024-05-21 19:47:44 +02:00
yarn.lock first commit 2024-05-21 19:47:44 +02:00

README.md

Para mi yo futuro o a quien le pueda servir

Este template está creado para empezar con unos mínimos que puede ahorrarme tiempo a la hora de iniciar un proyecto personal.

**No te enfoques en el estilo actual, intento hacerlo de lo mas neutral posible **

This is a Next.js project bootstrapped with create-next-app.

Para empezar, aunque no hace falta ni decirlo, pero bueno por si acaso.

First, run the development server: (y a darle sin miedo)

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

¿Que me voy a encontrar?

Cuando abras el proyecto, tendras un layout, con su navbar y su footer con un children para que puedas meter todo lo que quieras.

<div>
    <Navbar />
        <div>{children}</div>
    <Footer />
</div>

Entre otras cosas, que me parecen interesantes para tener ya preparadas, como es un cambio de lenguaje, tiene instalado i18next, configurado con Inglés y español, con la libertad para añadir los idiomas necesarios, las carpetas de locales, donde ya se irán ¡Ojo! creando automáticamente los archivos json de las traducciones.

===> Si dudas y no la conoces i18next <==

Navbar responsivo

Con su boton hamburguesa, y sus iconos, para cerrar y desplegar menu.

Componentes de ejemplos

Para llegar y desembarcar. Modificarlo al gusto y listo.

Librerías que he instalado.

Libertad para borrar la que no se quiera

  • i18next => Ya dicho anteriormente, para las traducciones de idioma.
  • react-iconst => Iconos. Ya hay alguno en el navbar.
  • react-loading => Para animaciones, está ya en un componente que tiene de todo, y una de las opciones usa esta librería.
  • sass => Ni falta hace que decirlo, pero ahí esta para darle alegría a mi estilo con tailwindcss.
  • TailwindCSS => Otro tanto, la clave para volar con los estilos.
  • Typescript => Bendiciones para tener controlado todo.

Y poco más. Con esto empezar será más fácil.