JavaScript Indonesia Channel – Telegram

JavaScript Indonesia Channel

@Indonesia_Javascript

11.3K subscribers

597 photos

7 videos

3 files

17.3K links

Channel yang berisi kumpulan berita atau konten seputar JavaScript, Typescript, HTML, CSS, Library, Framework JS, Node.js , dan juga engine-nya

Untuk pencarian artikel,gunakan fitur pencarian di channel ini,dan bisa juga dicari berdasarkan hashtag #

Download Telegram

About

Blog

Apps

Platform

JavaScript Indonesia Channel

11.3K subscribers

JavaScript Indonesia Channel

Tips membangun aplikasi blog dengan Gatsby JS

https://www.joshwcomeau.com/blog/how-i-built-my-blog/

#blog #gatsby

How I Built my Blog using MDX, Next.js, and React • Josh W. Comeau

An in-depth look at the technical stack behind this very blog! We'll see how I use Next's API routes to implement my hit and like counters, how I use MDX to add interaction and customization, and how I organize my codebase, among others.

395 viewsRian YW, 00:47

JavaScript Indonesia Channel

Latihan panjang sekali membuat blog dengan Gatsby JS dan Markdown MDX library

https://www.sitepoint.com/gatsby-mdx-blog/

---

Latihan membuat blog sederhana dengan Gatsby JS dan Netlify CMS

https://javascript.plainenglish.io/how-i-created-a-gatsby-blog-with-free-domain-and-hosting-e83f6bfd2824

---

Beberapa kelebihan Static Site Generator SSG dibandingkan dengan aplikasi web berbasis CMS konvensional

https://www.sitepoint.com/7-reasons-use-static-site-generator/

---

#gatsby #react #cms #netlify #ssg

How to Build a Developer Blog with Gatsby and MDX — SitePoint

Want to build your own developer blog? Learn how to make your content shine with this extensive guide on setting up a Gatsby project from scratch.

861 viewsRian YW, 00:40

JavaScript Indonesia Channel

Latihan dari Junior Developer Central tentang cara deploy aplikasi React atau Next JS ke layanan Netlify Hosting

https://youtu.be/9iZCLODSq6k

---

Latihan deploy aplikasi React JS ke layanan Cloudfare Pages dengan bantuan Github

https://blog.logrocket.com/cloudflare-pages-tutorial-deploy-a-react-app-via-github/

---

Komparasi antara Next JS dengan Gatsby JS dan kasus penggunaan yang cocok

https://hackernoon.com/nextjs-vs-gatsby-what-is-the-best-choice-in-2021-w91134om

---

Membuat aplikasi fullstack JavaScript dengan Next JS, TypeScript, dan MongoDb

https://www.freecodecamp.org/news/how-to-build-a-serverless-app/

#react #nextjs #gatsby #mongodb #netlify #hosting #cloudfare

How To Deploy React Apps To Netlify (with Functions)

In this tutorial, we'll take a React app we previously created and deploy it to Netlify including the back end Node.js service which we'll convert to a Netlify function.

How To Deploy React Apps To Netlify (with Functions)
------------------------------…

1.9K viewsRian YW, 00:24

JavaScript Indonesia Channel

Latihan menggunakan CSS Custom Property di Gatsby JS untuk kustomisasi theme tampilan

https://www.freecodecamp.org/news/website-theming-with-css-custom-properties-and-gatsbyjs/

---

Panduan panjang membuat CSS Animation menggunakan property clip path

https://blog.logrocket.com/guide-to-css-animations-using-clip-path/

#css #gatsby #customproperty #animation

freeCodeCamp.org

What is Website Theming? How to Use CSS Custom Properties and Gatsby.js to Customize Your Site

In this article, I'm going to show you how to theme your website so users can customize certain elements to their tastes. We'll talk about website themes, how theming works, and we'll end with a demo so you can see it in action. Let's dive in. Table of Contents:

753 viewsRian YW, 00:18

JavaScript Indonesia Channel

Latihan dari Thomas Weibenfalk tentang penggunaan Svelte Kit untuk membuat aplikasi web

https://youtu.be/6oDSwcZPbxA

#svelte #thomasWeibenfalk #sveltekit

Sveltekit Crash Course - Svelte Typescript - Getting started with Sveltekit Endpoints

I'll show how to set up a project from scratch using the framework SvelteKit with Typescript. The main focus in this video is to explain Sveltekit endpoints and Typescript in combination with Svelte.

Support me by subscribing to this channel ❤️

Do you want…

626 viewsRian YW, 23:15

JavaScript Indonesia Channel

Latihan dari Thomas Weibenfalk tentang pengenalan Gatsby JS untuk membuat aplikasi statis

https://youtu.be/6mEt-43u8gw

#react #gatsby #thomasWeibenfalk

Beginner Gatsby JS Full course 2020 - Over 5 hours! - Gatsby for beginners and intermediate

This course was recorded in 2020. It still has a lot of valuable learnings. Learn how to create a personal blog with light and dark modes. Gatsby JS is based on React JS and GraphQL and I'll show how to build the project from scratch.

Starter files: htt…

572 viewsRian YW, 23:16

JavaScript Indonesia Channel

Latihan panjang menggunakan Gatsby JS bersama Tailwind CSS

https://blog.logrocket.com/using-gatsby-with-tailwind-css-a-tutorial-with-examples/

---

Latihan menggunakan Supabase bersama Next JS
https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/

---

#react #gatsby #nextjs #tailwind #supabase

Using Gatsby with Tailwind CSS: A tutorial with examples - LogRocket Blog

To show how Gatsby and Tailwind CSS work together, this tutorial walks you through the process of building a simple health and fitness blog.

581 viewsRian YW, 01:06

JavaScript Indonesia Channel

Latihan sederhana menggunakan Gatsby JS untuk membuat landing page toko buku

https://www.digitalocean.com/community/tutorials/how-to-build-a-bookstore-landing-page-with-gatsby-and-typescript

#gatsby #landingpage

How To Build a Bookstore Landing Page with Gatsby and TypeScript | DigitalOcean

Landing pages are web pages that promote a product or service, providing a place for customers to land when arriving at a site. In this tutorial, you will bu…

428 views01:04

JavaScript Indonesia Channel

John Smilga dan Freecodecamp merilis latihan panjang banget tentang membuat aplikasi web SSG dengan Gatsby JS. Latihan lengkap dapat dilihat dibawah ini.

https://www.freecodecamp.org/news/learn-gatsby-version-3/

---

Latihan membuat aplikasi translasi bahasa atau Translator App dengan React JS dan mode PWA

https://www.freecodecamp.org/news/react-tutorial-build-a-text-translation-pwa/

---

Cara melakukan render menu items di dalam Navigation Tag pada Next JS

https://www.freecodecamp.org/news/dynamic-navigation-in-nextjs/

---

#react #nextjs #freecodecamp #gatsby #johnSmilga #nav #ssg

freeCodeCamp.org

Learn Gatsby, a Static Site Generator

Gatsby is a website generator. It is a free and open source framework based on React that helps developers build fast websites and apps. We just published a 9-hour Gatsby course on the freeCodeCamp.org YouTube channel that will teach you how to use the newest…

739 views23:57

JavaScript Indonesia Channel

Latihan membuat aplikasi tracking kegiatan olahraga dengan React JS

https://dev.to/thenerdydev/10k-views-on-my-full-react-project-video-51p9

---

Menambahkan fungsi accessibility di React JS

https://www.freecodecamp.org/news/react-accessibility-tools-build-accessible-react-apps/

---

Pengenalan tentang fundamental di React JS

https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1

---

Membuat plugin custom untuk sumber data di Gatsby JS

https://www.digitalocean.com/community/tutorials/how-to-create-a-custom-source-plugin-in-gatsby

---

Membuat dashboard dengan drag and drop support widget pada React JS

https://betterprogramming.pub/build-a-dashboard-with-drag-and-drop-dynamic-widgets-in-react-1f012eeecd8b

---

#react #dashboard #dragdrop #gatsby #nextjs #a11y

10k+ views on my Full React Project Video

Recently, I released a video on making an Exercise Tracker Application using React.js. Today at the...

843 views23:52

JavaScript Indonesia Channel

Latihan panjang tentang pengenalan Gatsby JS dari Freecodecamp

https://www.freecodecamp.org/news/learn-gatsby-version-3/

#gatsby #freecodecamp #react

freeCodeCamp.org

Learn Gatsby, a Static Site Generator

Gatsby is a website generator. It is a free and open source framework based on React that helps developers build fast websites and apps. We just published a 9-hour Gatsby course on the freeCodeCamp.org YouTube channel that will teach you how to use the newest…

746 views00:05

JavaScript Indonesia Channel

Latihan menggunakan custom theme pada Gatsby JS

https://www.digitalocean.com/community/tutorials/how-to-use-themes-in-gatsby

---

Latihan panjang menggunakan Gatsby JS bersama Freecodecamp

https://www.freecodecamp.org/news/learn-gatsby-version-3/

#gatsby #react #theme #freecodecamp

How To Use Themes in Gatsby | DigitalOcean

Themes in Gatsby refer to plugins that act as a collection of configuration options, functionality, and/or user interface (UI) elements. Separating out shared features into maintained themes makes keeping your site up-to-date easier, and also lets you

580 views00:03

JavaScript Indonesia Channel

Beberapa fitur baru yang diperkenalkan di Gatsby JS v4

https://blog.logrocket.com/whats-new-in-gatsby-v4/

#react #gatsby

What's new in Gatsby v4 - LogRocket Blog

ICYMI, get the run down of new features in Gatsby v4 — including server-side rendering, deferred static generation, and more.

810 views01:15

JavaScript Indonesia Channel

Latihan membangun API dengan Gatsby Functions

https://www.smashingmagazine.com/2021/10/building-api-gatsby-functions/

#gatsby #react #api

Smashing Magazine

Building An API With Gatsby Functions — Smashing Magazine

In this tutorial, Paul Scanlon explains how to build an API by using Gatsby Functions and what you need to keep in mind when deploying it to Gatsby Cloud.

551 views01:19

JavaScript Indonesia Channel

Latihan membuat aplikasi web dengan Gatsby JS

https://www.digitalocean.com/community/tutorials/how-to-set-up-your-first-gatsby-website

---

Latihan menggunakan data statis pada aplikasi web Gatsby JS

https://www.digitalocean.com/community/tutorials/how-to-use-static-files-in-gatsby

#static #gatsby

How To Set Up Your First Gatsby Website | DigitalOcean

Gatsby is a React framework that allows you to create static and serverless JavaScript apps. In this tutorial, you will install the Gatsby Starter default te…

350 views23:56

JavaScript Indonesia Channel

Beberapa cara mengatur state management di React JS

https://www.freecodecamp.org/news/how-to-manage-state-in-your-react-apps/

---

Konfigurasi VS Code untuk digunakan di React JS

https://www.freecodecamp.org/news/vscode-react-setup/

---

Penggunaan React Hooks untuk digunakan pada project React JS

https://www.freecodecamp.org/news/react-hooks-your-next-project-needs/

---

Melakukan data fetching di Gatsby JS dengan GraphQL

https://blog.logrocket.com/data-fetching-gatsby-graphql/

#gatsby #graphql #react #hooks #state

freeCodeCamp.org

How to Manage State in Your React Apps

Managing state in your React apps isn’t as simple as using useState or useReducer. Not only are there are a lot of different kinds of state, but there often dozens of ways of managing each kind. Which should you choose? In this guide, we will uncover the…

681 views01:09

JavaScript Indonesia Channel

Pengenalan static site generator dengan Next JS dan Gatsby JS

https://blog.logrocket.com/using-static-site-generation-modern-react-web-tools/

---

Membuat progress bar sesuai posisi baca halaman dengan React JS

https://blog.logrocket.com/creating-reading-progress-bar-react/

#react #nextjs #gatsby #reading #bar

Using static site generation in modern React frameworks - LogRocket Blog

There are many static site generation tools based on React, but which should you pick? We explore the options available and their use cases.

1.0K views01:28