OVERVIEW
Web Dev Plantilla de herramientas
Boilerplate y Starter para Next.js, Tailwind CSS y TypeScript. Hecho para los developers que usan: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Vercel, PostCSS, Tailwind CSS.
Clona este proyecto y úsalo para crear el tuyo propio Next.js project.
Features
Experiencia del desarrollador primero:
- 🔥 Next.js Para generador de sitios estáticos
- 🎨 Integrado con Tailwind CSS
- 💅 PostCSS para procesar Tailwind CSS e integrado con
styled-jsx
- 🎉 Type checking TypeScript
- ✅ Strict Mode para TypeScript y React 17
- ✏️ Linter con ESLint (default NextJS, NextJS Core Web Vitals, Tailwind CSS y configuración de Airbnb)
- 💡 Absolute Imports
- 🛠 Code Formatter con Prettier
- 🦊 Husky para Git Hooks
- 🚫 Lint-staged para los linters en Git staged files
- 🗂 Configuración de VSCode: Debug, Settings, Tasks y extension for PostCSS, ESLint, Prettier, TypeScript
- 🤖 SEO metadata, JSON-LD y Open Graph tags con Next SEO
- 🖱️ Implementación con un solo clic con Vercel o Netlify (o implementación manual en cualquier servicio de alojamiento)
- 🌈 Incluye un tema minimalista GRATIS
- 💯 Maximizar la puntuación de lighthouse
- 🧩 Progresive web App
Característica integrada de Next.js:
- ☕ Minify HTML & CSS
- 💨 Live reload
- ✅ Cache busting
Filosofía
- Minimal code
- SEO-friendly
- 🚀 Production-ready
Preparando las cosas de PWA
- Crea el maskable app icon
- Genera los iconos y archivos manifest.json
- Publicar la aplicación en cualquier lugar con [PWA Builder](https://www.pwabuilder.com/
- Comprueba el /layout/Meta para ver todos los metadatos :)