typescript nextjs starter
2.2.0
@La mejor manera de comenzar con esta plantilla es usar la siguiente aplicación Crear.
# pnpm
pnpm create next-app -e https://github.com/jpedroschmitz/typescript-nextjs-starter
# yarn
yarn create next-app -e https://github.com/jpedroschmitz/typescript-nextjs-starter
# npm
npx create-next-app -e https://github.com/jpedroschmitz/typescript-nextjs-starter
Para comenzar el proyecto localmente, ejecute:
pnpm dev Abra http://localhost:3000 con su navegador para ver el resultado.
"¡Este arranque es, con mucho, el mejor inicio de mecanografiado para Next.js. Funcionando empacado pero no optimizado al mismo tiempo!"
- Arafat Zahan
"Realmente puedo recomendar el repositorio de inicio de TypeScript Next.js como una base sólida para sus futuros proyectos Next.js".
- Corfitz
"¡Trabajo brillante!"
- Soham Dasgupta
Lista de sitios web que comenzaron con el inicio de TypeScript Next.js:
.github - Configuración de GitHub, incluido el flujo de trabajo de CI..husky - Configuración y ganchos de Husky.public : activos estáticos como robots.txt, imágenes y favicon.src - Código fuente de la aplicación, incluidas páginas, componentes, estilos.pnpm dev - Inicia la aplicación en modo de desarrollo en http://localhost:3000 .pnpm build : crea una construcción de producción optimizada de su aplicación.pnpm start : inicia la aplicación en modo de producción.pnpm type-check : Validar el código utilizando el compilador TypeScript.pnpm lint : ejecuta Eslint para todos los archivos en el directorio src .pnpm lint:fix : ejecuta la solución de Eslint para todos los archivos en el directorio src .pnpm format : ejecuta más bonito para todos los archivos en el directorio src .pnpm format:check : verifique la lista de archivos más bonitos que deben formatearse.pnpm format:ci - Verificación más bonita para CI. TypeScript se preconfiguran con mapeaciones de ruta personalizadas. Para importar componentes o archivos, use el @ prefix.
import { Button } from '@/components/Button' ;
// To import images or other files from the public folder
import avatar from '@/public/avatar.png' ; Este arrancador usa PNPM de forma predeterminada, pero esta elección es suya. Si desea cambiar a hilo/npm, elimine el archivo pnpm-lock.yaml , instale las dependencias con hilo/npm, cambie el flujo de trabajo de CI y los ganchos git husky para usar comandos de hilo/npm.
Nota: Si usa el hilo, asegúrese de seguir estos pasos desde la documentación Husky para que los ganchos GIT no fallen con el hilo en las ventanas.
Utilizamos T3 Env para administrar las variables de entorno. Cree un archivo .env.local en la raíz del proyecto y agregue sus variables de entorno allí.
Al agregar variables de entorno adicionales, el esquema en ./src/lib/env/client.ts o ./src/lib/env/server.ts debe actualizarse en consecuencia.
Para agregar redireccionamientos, actualice la matriz redirects en ./redirects.ts . Se escribe, por lo que obtendrá autocompletación para las propiedades.
La Política de Seguridad de Contenido (CSP) es una capa de seguridad que ayuda a detectar y mitigar ciertos tipos de ataques, incluidas las secuencias de comandos de sitios cruzados (XSS) y los ataques de inyección de datos. El CSP se implementa en el archivo next.config.ts .
Contiene una política predeterminada y mínima que puede personalizar para satisfacer las necesidades de su aplicación. Es una base para construir.
Este proyecto tiene licencia bajo la licencia MIT: consulte el archivo License.md para obtener más información.
