Pada tutorial kali ini kita akan berkenalan dengan Facades yang ada di dalam Laravel dan kita akan belajar membuat Facades. Apa itu Facades? Facades adalah fitur untuk memanipulasi Object menjadi Static di dalam sebuah class yang berguna untuk mempersingkat Code yang kita buat tanpa harus membuat Object terlebih dahulu. Contoh: Misal kita punya class dengan nama Kendaraan <?php namespace App\Repositories; class Kendaraan { public function merek() { return "Merek Honda"; } public function tahun() { return "Tahun 2019"; } } Pada umumnya pada saat kita memanggil function merek atau tahun, kita harus membuat Object Terlebih dahulu dari class Kendaraan

pada tutorial kali ini saya ingin membagikan cara mudah memasang Facebook Pixel atau Meta Pixel di dalam React JS atau Next JS. Apa itu Facebook Pixel? Facebook Pixel atau yang sekarang namanya adalah Meta pixel karena platform Facebook sekarang di bawah perusahaan dengan nama Meta adalah kode yang biasanya di pasangkan di dalam website yang bertujuan untuk berinteraksi dengan Iklan yang ada di dalam Facebook atau Meta. Apa Kegunaan Pixel? Dengan Pixel kita bisa mengetahui halaman apa yang sering di kunjungi dan apa saja yang di lakukan visitor terhadap website kita sehingga kita bisa menganalisa terkait dengan website yang kita punya.

JWT atau Json Web Token adalah slah satu metode authentikasi yang saat ini banyak digunakan untuk bermacam skema seperti Mobile, Website, Desktop karena kemudahan dan keamananya. pada tutorial kali ini, saya akan membagikan cara mudah membuat JWT menggunakan Framework NestJS dan Prisma sebagai databasenya. kita juga menggunakan OpenAPI untuk dokumentasi API nya. Install NestJS Pertama kita Install NestJS terlebih dahulu menggunakan Nest CLI untuk menginstall Nest CLI bisa menggunakan NPM dengan perintah

Halo, kali saya akan membagikan tutorial singkat cara menggunakan Redux Toolkit di dalam project NextJS. pastikan kalian sudah memiliki project menggunakan NestJS terlebih dahulu Tutorial NextJS dan TailwindCSS. kemudian install Redux Toolkit dengan perintah yarn add @reduxjs/toolkit atau jika menggunakan NPM npm install @reduxjs/toolkit kemudian install React Redux dengan perintah yarn add react-redux atau npm install react-redux kemudian buat file “store.ts” dengan isi seperti berikut import { configureStore, createSerializableStateInvariantMiddleware, isPlain, getDefaultMiddleware } from "@reduxjs/toolkit"; const customizedMiddleware = getDefaultMiddleware({ serializableCheck: false }) const store = configureStore({ reducer: { }, middleware: customizedMiddleware }) export type RootState = ReturnType<typeof store.

Kali ini saya akan membagikan tutorial cara menginstall project NextJS dengan template Typescript dan tailwindcss dengan mudah. NextJS adalah salah satu framework untuk ReactJS yang banyak digunakan olah banyaj kalangan dan perusahaan karena kemudahan dan struktur yang mudah untuk dipelajari. untuk menggunakan NextJS pastikan kalian sudah mengetahui dan memahami ReactJS terlebih dahulu karena pada dasarnya NextJS sebagian besar adalah ReactJS. Untuk menginstall NextJS ada beberapa yang perlu di persiapkan terlebih dahulu

Logtail adalah log management yang digunakan untuk memonitoring log pada aplikasi yang kita buat. Logtail mendukung banyak bahasa pemrograman seperti NodeJS, PHP, Python, Go dan lainya. Kenapa Log sangat penting untuk aplikasi yang kita buat? Kegunaan utama dari log adalah untuk mencatat aktivitas dari website ketika terjadi sesuatu yang tidak kita inginkan misalnya website mengalami gangguan seperti Error, atau database mengalami kendala. Biasanya log akan otomatis tersimpan di dalam file log yang ada di website atau aplikasi.

Laravel Envoy adalah SSH Task Runner berbasis bahasa PHP yang memiliki banyak fungsi untuk menjalankan Task menggunakan SSH di server. Laravel Envoy menggunakan sintaks blade sehingga lebih mudah di tulis dan di baca dalam membuat task. sebelum kita menggunakan Laravel Envoy sebaiknya kita harus tahu apa itu yang di maksud dengan SSH Task Runner. dengan SSH Task Runner kita bisa meremote server dan menjalankan perintah - perintah sesuai keinginan kita tanpa kita harus masuk ke server secara manual seperti biasa.

Create Project with Yarn or NPX yarn create next-app --typescript go to “next-multilanguage” folder edit file “next.config.js” like below const nextConfig = { reactStrictMode: true, i18n: { locales: ['id', 'en'], defaultLocale: 'id', localeDetection: false } } module.exports = nextConfig run “yarn dev” and open your browserrun “yarn add react-i18next i18next” yarn add i18next react-i18next i18next-browser-languagedetector create “locales” folder with “id/en” subfolder create file i18n.ts in root folder and type like bellow

Untuk membuat sebuah aplikasi berbasis website, mobile, maupun desktop salah satu hal yang paling utama di perlukan adalah API yang berfungsi untuk memberifkan informasi untuk di tampilkan di bagian Frontend. dalam proses pembuatan API biasanya di kerjakan oleh bagian Backend dengan format yang sudah di sepakati dari awal saat proses planning. Dalam membuat API akan memerlukan beberapa proses yang cukup kompleks dan membutuhkan waktu yang mungkin cukup lama, sehingga dibagian Frontend akan menunggu sampai API dari sisi Backend jadi atau bisa menampilkan API yang sesuai.

Tutorial kali ini saya akan membagikan bagaimana caranya menggunakan Swagger OpenAPI pada NestJS

Tutorial Membuat Rest API dengan Nest JS + Prisma + MySQL

This problem is the Graphql version are not compatible with Nest JS version. to fix the problem you just downgrade Graphql version in package.json and run npm install again.

Postman is most populer API tester for Web Developer, Mobile Developer, Etc. You can colaborate with Teams and sharing API with others. You can set Variable based from response request like accessToken, statusCode, and many variable that you want. Step 1: Open Postman and Login Step 2: Create Environment (Click eye icon of environment) Click Add Example use “accessToken” variable In this case, I have Login API for example I will store “accessToken” from JSON Response to “accessToken” variable

NestJS is Backend framework based on NodeJS and use Typescript for main language. I will use TypeORM for handle database and use MySQL database. You must makesure in your computer must have MySQL database. Create project with Nest CLI nest new my_nest_app Pick package manager that you want. Pick npm if you want to use npm and then Enter Open your project with Visual Studio Code Add Typeorm and mysql with npm in your terminal

makesure you have run “npm run build” or “yarn build” for build angular production mode yarn build Install express in Angular proejct use npm or yarn yarn add express Create server.js in Angular root project with fill like below const express = require('express'); const app = express(); const path = require('path'); const fs = require('fs'); const port = process.env.NODE_PORT || 4200; const root = path.join(__dirname, 'dist', 'learning_angular'); app.get('*' ,function(req, res) { fs.

Dengan menggunakan HTTRACK kita hanya memerlukan beberapa detik untuk meng-copy website

Step by Step cara mudah upload website Hugo ke Netliify

Hugo adalah framework Static Site Generator yang di kembangkan menggunakan bahasa pemrograman Golang yang berguna untuk memudahkan kita dalam membuat website statis yang memiliki konten banyak.

Step 1 - Open terminal and type text bellow then enter sudo apt install golang Step 2 - Confirm installation with command go --version

Step 1. Open terminal and type text bellow sudo apt install apt-transport-https Step 2. sudo wget https://swupdate.openvpn.net/repos/openvpn-repo-pkg-key.pub Step 3. sudo apt-key add openvpn-repo-pkg-key.pub Step 4. sudo wget -O /etc/apt/sources.list.d/openvpn3.list https://swupdate.openvpn.net/ community/openvpn3/repos/ openvpn3-focal.list Step 5. Update repo list sudo apt update Step 6. Install openvpn3 with apt sudo apt install openvpn3