Written by Eric Gitangu
Published on Wed, 01 Jan 2025
Your feedback is much appreciated!
Back to all posts
Written by Eric Gitangu
Published on Wed, 01 Jan 2025
Period: Jan 2025 - Jan 2025
Machines are meant to do repetitive tasks, engineers just to proctor the process. ergo; I have found myself creating several NextJS TypeScript apps with overarching requirements so I figured; why not simplify this process; I am aware there several templates on Vercel and GitHub but I wanted something closer to home; I figured I share this, this could help someone else save the initial setup steps and go straight to working on your app 🚀. The script is currated and the README is comprehensive but suffice to say here are the highlights: 🎉 Features 1. Next.js 15 (App Router): Leverage the latest features of Next.js for building scalable applications. 2. TypeScript: Enjoy type safety and enhanced developer experience with TypeScript integration. 3. Material UI with Dark Mode: Implement sleek and responsive UI components with built-in dark mode support. 3. tRPC: Build end-to-end type-safe APIs effortlessly - setup and ready to go. 4. NextAuth: Secure and flexible authentication solutions. 5. Prisma: Robust database ORM for seamless data management with the schema and prisma client created. 6. Tailwind CSS: Utility-first CSS framework for rapid UI development with configs implemented. 7. ESLint & Prettier: Maintain code quality and consistency with automated linting and formatting with the configurations set. 8. Turbopack: Utilize the high-performance bundler for optimized builds. 9. Comprehensive Testing: Ensure application reliability with Jest, Mocha, and Cypress integrations. The script is customizable but right off the batch using your package manager of choice; the script supports pnpm; npm & yarn, with yarn being the default, once your project is up and running with all these features configured, you need a few tweaks, I have made the script open to contributions to help pin down fine-grained details like pin-pining down dependencies and to allow for more customizations. Happy coding 🦄
No comments yet. Be the first to comment!