Nuxt AI Template

A template to kickstart full-stack project with OpenAI + Nuxt 3 + Vue 3 + Vuetify + Pinia

Features

• Full Stack Framework: Nuxt 3
• Frontend: Vue 3
• UI Component: Vuetify
• State Management: Pinia
• GPT API: OpenAI

Development

Prerequisites

1. Node.js >= 16.10.0
2. Yarn or npm or pnpm

Setup

1. git clone this repository

2. Install the dependencies:

   # yarn
   yarn install
   
   # npm
   npm install
   
   # pnpm
   pnpm install

3. Create a .env file in the root directory and add the following environment variables:

   OPENAI_API_KEY=<your-openai-api-key>
   OPENAI_ORG_ID=<your-openai-org-id>

Development Server

Start the development server on http://localhost:3000

npm run dev #or
yarn run dev

Production

Build the application for production:

npm run build #or
yarn run build

Locally preview production build:

npm run preview

Deployment

Check out the deployment documentation for more information.

Note: Please make sure your deployment platform has sufficient timeout limit for the quiz generation API call.

For example, free plan of Vercel and Netlify are not recommended for this project as they have a 10s timeout limit for serverless functions. The quiz generation process may take longer than 10s.