Web APP Loket - Membuat Next.JS APP - Bagian 1

Ini merupakan artikel pertama kami tentang Next.JS, artikel ini juga sebagai sarana belajar bagi penulis yang sedang belajar pemrograman frontend.

Harapanya dengan artikel ini bisa memotivasi penulis dan juga temen-temen semua untuk tetap semangat berbagi dan belajar hal-hal baru.

Di tutorial ini kita membuat sebuah APP dengan dengan nama loket, di akhir dari tutorial series ini nantinya kita akan mempunyai sebuah web app event dengan nama loket.

1) Install NodeJS

Jika di komputer Anda belum terinstall nodejs Anda bisa mendownload dan menginstallnya di link berikut: https://nodejs.org/en/.

2) Buat Project dangan nama LOKET

Untuk membuat APP gunakan perintah berikut:

npx create-next-app@latest loket

3) Run APP

Jalankan APP LOKET dengan perintah berikut, dan pastikan Anda telah berada di ditektori loket.

npm run dev

Setelah Anda meng-eksekusi perintah diatas, buka web browser

http://localhost:3000

4) Video Tutorial

Github: https://github.com/halovina/loket

Baca artikel lainya:

1. Mini Wallet Bagian 1 - Django Template dan Static File


2. Mini Wallet Bagian 2 - Django Template Base HTML


3. Mini Wallet Bagian 3 - Dajngo Model dan Koneksi Database MySQL


4. Tutorial bassic Mysql bagian 1 - Create Read Update Delete


5. Tutorial bassic Mysql bagian 2 - Inner, Left, Right, Cross Join


6. Tutorial bassic Mysql bagian 3 - Filtering Data


7. Tutorial bassic Mysql bagian 4 - Grouping Data 


8. Tutorial bassic Mysql bagian 5 - Operator dan Clausa


9. Tutorial bassic Mysql bagian 6 - Replace Statement


10. Tutorial bassic Mysql bagian 7 - Constraint Data


11. Tutorial bassic Mysql bagian 8 - Mengubah Struktur tabel


12. Tutorial bassic Mysql bagian 9 - Subquery


13. Tutorial bassic Mysql bagian 10 - Virtual Tabel


14. Tutorial bassic Mysql bagian 11 - Control Flow Function


15. Membuat service OTP bagian 1 - OTP dan PIN


16. Membuat service OTP bagian 2 - Sequence Diagram


17. Membuat service OTP bagian 3 - Model dan Serializer


18. Membuat  service OTP bagian 4 - Validate OTP


19. Membuat  service OTP bagian 5 - Api Client Service


20. Membuat service user login bagian 1 - Konfigurasi Database


21. Membuat service user login bagian 2 - Serializer dan JWT


22. Membuat CRUD service product bagian 1 - Models Product


23. Membuat CRUD service product bagian 2 - Function Serializer


24. Membuat CRUD service product bagian 3 - Api Client Service


25. Membaut CRUD service product bagian 4 - Auth User


26. Membuat CRUD service product bagian 5 - TDR File Log


27. Membuat CRUD service product bagian 6 - Unit Test


28. Membuat service user register bagian 1 - Django


29. Membuat Service user register bagian 2 - Django


30. Membuat service filter dan download file CSV di django


31. Django upload file menggunakan FileSystemStorage