This repository contains a Nuxt.js project designed to teach users how to utilize FakerJS for data seeding in a SQLite database.
- FakerJS Integration: Learn how to generate fake data using FakerJS.
- Nitro Tasks: Leverage Nitro Tasks UI within the Nuxt DevTools, to run the seeder in the server.
- Nuxt Prisma Module: Setup prisma for database interactions, and use Nuxt DevTools to visualise your Prisma models.
To get started with this project, follow the steps below:
- Install dependencies
# pnpm
pnpm install
# npm
npm install
- Setup the environment file
cp .env.example .env
- Initialize your database
pnpx prisma migrate dev
- Run the development server
# pnpm
pnpm dev
# npm
npm run dev
- Access the Application:
Open your browser and go to http://localhost:3000 to access the application.
- Opening the Server Tasks and Prisma Dashboards:
First open the Nuxt DevTools by clicking on the Nuxt icon at the bottom of the page:
![image](https://private-user-images.githubusercontent.com/22578748/381724724-3d55875a-f1b9-43b2-9d98-9287d9749ba5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzQwMjAsIm5iZiI6MTczOTAzMzcyMCwicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjQ3MjQtM2Q1NTg3NWEtZjFiOS00M2IyLTlkOTgtOTI4N2Q5NzQ5YmE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2NTUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQwNzM4NDE4ODFjOGUyZGJlM2IzMWMyNTYxNzZmOWYzNDI3YTkwMWE1YjhlNzAxMWQzMTg5MjQzN2ZmZjUyYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.6IIZkse073iFLjTvdhzdgA6b_Zy0IYJvM9SvFFYS4sE)
Then from within the DevTools, click on the 3 vertical dots:
![image](https://private-user-images.githubusercontent.com/22578748/381725356-7b4ac920-3ef6-4320-963d-28b5bea05095.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzQwMjAsIm5iZiI6MTczOTAzMzcyMCwicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjUzNTYtN2I0YWM5MjAtM2VmNi00MzIwLTk2M2QtMjhiNWJlYTA1MDk1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2NTUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBjZGRhMjVmOWMwMmFlY2Y0ZmI2NzU3NWZjZWZlNmY1ZmFjYWViNDg2MWY3NjIxOTA4ZmQ0ZTUzMzI3YWUyMDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.SMIIMUc6onx1KnPb3Jj9GiKqTHURhZjqGdblTmLt1mo)
The Server Tasks and Prisma Dashboards are available upon pressing these buttons:
![image](https://private-user-images.githubusercontent.com/22578748/381726019-ce3691d8-a297-4adb-8461-c75a66e4a103.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzQwMjAsIm5iZiI6MTczOTAzMzcyMCwicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjYwMTktY2UzNjkxZDgtYTI5Ny00YWRiLTg0NjEtYzc1YTY2ZTRhMTAzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2NTUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdiZjQ0N2QxYTRkNzM2MGY2MmUxOTAwNGVkMTQzMjk1Yjc3OWRlN2NlNzVmZmVmZmQ3MzI2MjRlYjkyOGFkZmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.F-5YYqmcNKvFTCcPLIYwJeu-_TNvRBH3Hl6MX1EJj7s)
- Running just the Seeder:
- Within the Server Tasks dashboard click on "db:seed"
- Press "Run Task"
- By default the runner used is "pnpx", if you want to use a different runner (e.g.
npx
), you can do so by passing arunner
payload to the task.
![image](https://private-user-images.githubusercontent.com/22578748/381727693-5c71e001-3622-4d48-ba90-b80b3dacf7f2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMzQwMjAsIm5iZiI6MTczOTAzMzcyMCwicGF0aCI6Ii8yMjU3ODc0OC8zODE3Mjc2OTMtNWM3MWUwMDEtMzYyMi00ZDQ4LWJhOTAtYjgwYjNkYWNmN2YyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE2NTUyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc1MjRlMjZhYjIwZTE3NDg3NTk5MTQ4YmFkNDI5ZjdmZGQ5NzQ5ZDRjM2I1MGJjM2VjMzQzZmEyNGMyOGI3MWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.fYA4TdH-tXoNHptpWHtiR6yRe1EVPpLhMgsFuuHIOpM)