Quick Start Guide

Get up and running with AI Store in 5 minutes.

Installation

# Clone repository
git clone <repository-url>
cd Server-December-AIStore

# Install dependencies
npm install

# Start development server
npm run dev

Visit http://localhost:3000

Basic Usage

Using a Component

import Modal from '@/components/Modal';

function MyPage() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} title="Hello">
      Content here
    </Modal>
  );
}

Using a Hook

import { useForm } from '@/hooks/useForm';

function MyForm() {
  const { values, handleChange, handleSubmit } = useForm({
    initialValues: { email: '' },
    onSubmit: async (values) => {
      console.log(values);
    },
  });

  return (
    <form onSubmit={handleSubmit}>
      <input name="email" value={values.email} onChange={handleChange} />
      <button type="submit">Submit</button>
    </form>
  );
}

Using Utilities

import { notifications } from '@/lib/notifications';

// Show notification
notifications.success('Success!', 'Operation completed');

Common Tasks

Add a New Page

1. Create file: app/my-page/page.tsx
2. Export default component
3. Access at /my-page

Add a New Component

1. Create file: components/MyComponent.tsx
2. Export component
3. Import and use

Add Internationalization

import { useI18n } from '@/hooks/useI18n';

function MyComponent() {
  const { t } = useI18n();
  return <p>{t('common.loading')}</p>;
}

Next Steps

• Read Full Documentation
• Check API Reference
• See Examples
• Review Architecture

Need Help?

• Check Troubleshooting
• Review Common Issues
• Read Contributing Guide