Using Native Modules in your StartupBolt Web App

StartupBolt comes with many modules. These are UI components that allow you to quickly add and use UI elements in your project. This guide will show you how to add modules to your components or pages.

Important Update

This documentation is under development and will be updated regularly. If you have any questions, please contact me by email at startupbolt@gmail.com or on Twitter at https://x.com/nifal_adam (opens in a new tab). I will immediately help you.

How to Use

Several useful modules are available in the /modules/native folder for your reference and use.

You can use the modules in your application as follows:

import CTA from "@/modules/native/CTA";
 
export default function Page() {
  return (
    <div className="flex flex-col max-w-4xl mx-auto">
      <CTA />
    </div>
  );
}

Note: The /modules/native folder in your StartupBolt project already contains several useful UI components that can be used directly in your project. Feel free to create new components to suit your needs.

This example demonstrates how to import and use the CTA component in your project. You can customize and expand upon this example as needed.

Conclusion

By following the steps outlined above, you can enhance your project with beautiful and functional UI components.

Remember:

1. Create your new components in the /modules/native folder.
2. Several useful modules are available in the /modules/native folder for your reference and use.
3. We will be releasing many new components each week. Please check your email to find them.