Part 2/2 : Building a Next.js TypeScript Starter Kit: Powerful Boilerplate | Auth | Datatables

Welcome to the Next.js TypeScript Starter Kit!

In this video, I’m showcasing my latest project designed to help developers jumpstart their Next.js applications with ease. This comprehensive starter kit includes a variety of essential features that will boost your productivity and streamline your development process.
Next Js Starter Boilerplate (Kit) : https://nextjs-starter-kit-opal.vercel.app/

Features:

Beautiful Landing Page: Make a stunning first impression with a clean and modern design.
Responsive Dashboard: Seamlessly adapt to different screen sizes, ensuring a great user experience on any device.
Data Tables with Filters: Easily manage and manipulate your data with powerful filtering options including search, pagination, and date filters.
Beautiful Re-usable Form Inputs: Create user-friendly forms with a polished look and feel. The kit includes more than 7 different form input types.
Authentication: Secure your app with Google Auth, GitHub Auth, and credentials-based authentication.
Role Management: Handle user roles and permissions effortlessly. The starter kit comes with roles already configured.
Whether you’re a beginner or an experienced developer, this starter kit is packed with essential features to help you build amazing applications.

Check out the Source Code! If you’re interested, here : https://gmukejohnbaptist.gumroad.com/l/next-js-starter-kit

Subscribe for more tutorials and project showcases.
Follow me on LinkedIn : https://www.linkedin.com/in/muke-johnbaptist-95bb82198/

Get the Source Code for 3 systems in one app: https://gmukejohnbaptist.gumroad.com/l/3-systems-in-1-app

Enroll for the Course : https://coding-school-typescript.vercel.app/courses/next

Medical App Source Code : https://gmukejohnbaptist.gumroad.com/l/nhfiu

Multivendor Ecommerce App Source Code:https://gmukejohnbaptist.gumroad.com/l/ecommerce

Inventory Mgt App Source Code:https://gmukejohnbaptist.gumroad.com/l/opaen

Join Our Whatsapp Group: https://chat.whatsapp.com/IflHT14r9N7GzF8DFdpFsB

00:00:00 Template showcasing.
00:8:20 Introduction / getting starting.
00:11:19 Initializing the project, installing packages and components and Initializing dark mode.
00:21:10 Adding / working on the site Header.
00:39:31 Adding / working on site footer.
00:51:36 Working on the hero section
1:05:48 Inserting / working on avatar-list / avatar circles and star rating section.
1:23:53 Working on the features and feature header section.
1:49:01 Working on site testimonials section
2:01:14 Inserting dashboard image section and a border beam on the image
2:19:23 Implementing How-it-works section
3:20:16 Implementing i-frame of the you-tube video
3:28:38 Inserting pricing section
3:53:38 Inserting FAQ section
4:03:21 Inserting dashboard from shadcn.
4:27:05 Inserting data-table with generate slug , and export to excel
5:17:06 Implementing consistent form inputs and image upload inputs: (using category forms for creating, updating and editing).
6:10:57 Adding / implementing authentication (credentials ,google and github)
8:06:24 Adding loaders in the site (lottie)