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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNDAyMjMsIm5iZiI6MTczOTAzOTkyMywicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjQ3MjQtM2Q1NTg3NWEtZjFiOS00M2IyLTlkOTgtOTI4N2Q5NzQ5YmE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE4Mzg0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwZTc2ZjQ1NzljZTAyMWM5Mzc4NmIxYzk5YmI3YzFhNmQyNDRkMWQ2ZGZmMTUyNjA4NGM3M2RlOTAwOWRjYWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Cnql24vJ4oJUh9wEIQKH2gSoen76aK3317oQ9ARK7Pc)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNDAyMjMsIm5iZiI6MTczOTAzOTkyMywicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjUzNTYtN2I0YWM5MjAtM2VmNi00MzIwLTk2M2QtMjhiNWJlYTA1MDk1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE4Mzg0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEwNGVjYWI0ODMyZmYxMWVkZGEwYmQ4MzQ0ZjNmODYwZGEzN2MwZDExOTI3NDA1ZmJhMzkzNWIyZTJhNzI2MjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Mga8E6vShxQb_wkT1ALYOFwepuH2Uo2fr5cyxH2TsYQ)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNDAyMjMsIm5iZiI6MTczOTAzOTkyMywicGF0aCI6Ii8yMjU3ODc0OC8zODE3MjYwMTktY2UzNjkxZDgtYTI5Ny00YWRiLTg0NjEtYzc1YTY2ZTRhMTAzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE4Mzg0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFhMDdlMzNiNjNmMjhkYWIwNWJmOGIxMWI5NTJmOTMzNGI5ZWI3YzQ3Y2FlMGJjNzlkNDIxYmEwYzI3NWE1ODkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.hv6nfammW7dOIs6Wun64Kjv93HxFYTf7iDp2P3tJQG0)
- 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNDAyMjMsIm5iZiI6MTczOTAzOTkyMywicGF0aCI6Ii8yMjU3ODc0OC8zODE3Mjc2OTMtNWM3MWUwMDEtMzYyMi00ZDQ4LWJhOTAtYjgwYjNkYWNmN2YyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDE4Mzg0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc5ZTZkMDY2YTk3M2MyN2NjYmI3YzZiMGU0NjE2YTBjMjdmYjZiZTZhZGQyYWEwODFkZjNlNWVkZDYzMzliMmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.o_-agn_lz2u9d_2DffXWl1-Njs2za26P5JF_6F5pY2Y)