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

Subscribe Dengan Account Google Untuk Membaca Artikel Tanpa Iklan
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


Githubhttps://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