A template to kickstart full-stack project with OpenAI + Nuxt 3 + Vue 3 + Vuetify + Pinia
- Full Stack Framework: Nuxt 3
- Frontend: Vue 3
- UI Component: Vuetify
- State Management: Pinia
- GPT API: OpenAI
-
git clone
this repository -
Install the dependencies:
# yarn yarn install # npm npm install # pnpm pnpm install
-
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>
Start the development server on http://localhost:3000
npm run dev #or
yarn run dev
Build the application for production:
npm run build #or
yarn run build
Locally preview production build:
npm run preview
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.