D-BOOST is a Next.js and Tailwind CSS landing page for the Digital Business Optimization & Operations System for UMKM. It’s built to be adaptable, performant, and perfect for any product launch, portfolio, or promotional site.
Try out the demo here: https://d-boost.vercel.app.
Please check out the documentation below to get started.
- Next.js app router with TypeScript
- Tailwind CSS v3 for flexible styling customization
- Smooth transitions powered by Framer Motion
- Built-in font optimization with next/font
- Automatic image optimization via next/image
- Access to 31+ icon packs via React Icons
- Near-perfect Lighthouse score
- Modular, responsive, and scalable components
- Free lifetime updates
- Hero
- Partners or Clients Logos
- Features
- Pricing
- Testimonials
- FAQ
- Statistics
- CTA
- Footer
Before starting, make sure you have the following installed:
- Node.js: Version 18 or later
- npm: Version 8 or later (bundled with Node.js)
- Code editor: VS Code is recommended.
- Install dependencies: Run
npm install - Run the development server:
npm run dev - View your project: Open localhost:3000
- Edit colors: Update
globals.cssfor primary, secondary, background, and accent colors. - Update site details: Customize
siteDetails.tsin/src/datato reflect your brand and site info. - Modify content: Files in
/src/datahandle data for navigation, features, pricing, testimonials, and more. - Replace favicon: Add your icon to
/src/app/favicon.ico. - Add images: Update
public/imagesfor Open Graph metadata (e.g.,og-image.jpg,twitter-image.jpg).
The fastest way to deploy D-BOOST is on Vercel. Simply click the "Deploy with Vercel" button at the top of this README, or check the Next.js deployment docs for other deployment options.
D-BOOST is an open-source project, and we welcome contributions from the community! If you have ideas for new components, designs, layouts, or optimizations, please join us in making D-BOOST even better.
- Fork the Repository: Clone it locally.
- Create a New Branch: For example,
feature/new-sectionorfix/style-issue. - Develop and Test: Make sure your changes work and don't break existing functionality.
- Submit a Pull Request: Open a pull request with a clear description of your changes, and we'll review it.
- New component sections (team introductions, comparison table, case studies, etc.)
- Additional page variants (e.g., agency, eCommerce, portfolio layouts)
- Additional themes
- Documentation updates, tutorials, or guides
Join our community discussions on GitHub to share ideas, ask questions, or suggest improvements. Let’s build something amazing together!
This project is open-source and available under the MIT License. Feel free to use, modify, and distribute it for personal or commercial projects.