|
dyb-tech.com/LaLiga-FrontEnd/pipeline/head This commit looks good
Details
|
||
|---|---|---|
| .vscode | ||
| public | ||
| src | ||
| .eslintrc.json | ||
| .gitignore | ||
| .prettierrc | ||
| Jenkinsfile | ||
| README.md | ||
| next-i18next.config.js | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| types.ts | ||
| yarn.lock | ||
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.