Skip to main content

Quick Start Guide

Welcome to the quick start guide! In just a few steps, you will have your static presentation page up and running. Follow the instructions below to get started.

Step 1: Copy Example Page Files​

To set up your static presentation page, you need to copy everything from the example-page folder into the root page.tsx file. Here's how:

  1. Open your project directory.
  2. Navigate to the app/example-page folder.
  3. Copy all the contents of the example-page folder.
  4. Paste the copied contents into the root page.tsx file.
cp -r app/example-page/* app/page.tsx

Step 2: Verify Your Setup​

Once you have copied the files, your project should be good to go! You now have a static presentation page. To verify:

  1. Start your development server: 
    npm run dev
  2. Open your browser and navigate to http://localhost:3000 to see your static presentation page in action.

Step 3: Customize Your Page​

If you need to customize your presentation page, you can easily do so using the components available in the components directory. Here are a few tips:

  • Reusability: The components directory contains reusable React components. You can use these to build custom sections and elements on your page.
  • Modularity: By leveraging these components, you ensure that your code remains modular and maintainable.

Next Steps​

That's it! Your static presentation page is now live, and you're ready to start customizing it to fit your needs. If you have any questions or need further assistance, feel free to reach out.

Happy coding!