JavaScript Indonesia Channel
@Indonesia_Javascript
11.3K subscribers
591 photos
7 videos
3 files
17.2K 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
Join
JavaScript Indonesia Channel
11.3K subscribers
JavaScript Indonesia Channel
Latihan bersama Kevin Powell membuat blog dengan JAMStack modern seperti Node JS, Netlify CMS, dan Eleventy Framework

https://youtu.be/4wD00RT6d-g

#kevinpowell #jamstack #nodejs #netlify #eleventy
YouTube
Turn static HTML/CSS into a blog with CMS using the JAMStack
💻 My DevProjects project: https://codemntr.io/dev-projects (includes a link to starting template and my final solution)
🔥 Codementor: https://codemntr.io/mentor

In this video, we're building out my solution to the Devmentor challenge that I created! We'll…
595 viewsRian YW, 
JavaScript Indonesia Channel
Latihan panjang penggunaan React Router dari Freecodecamp

https://www.freecodecamp.org/news/learn-react-router/

---

Cara mengamankan API Key dengan bantuan Netlify Functions, dan contoh implementasi pada React JS

https://www.freecodecamp.org/news/how-to-access-secret-api-keys-using-netlify-functions-in-a-react-app/

#react #netlify #secret #apikey
freeCodeCamp.org
Learn React Router
React Router is commonly used to make different routes for pages in React Applications. We just released a crash course on the freeCodeCamp.org YouTube channel that will teach you how to create routes in your React applications. Piyush Agarwal develo...
740 viewsRian YW, 
JavaScript Indonesia Channel
Latihan dari Junior Developer Central tentang cara konfigurasi Netlify Functions untuk deploy aplikasi web

https://www.youtube.com/watch?v=NZRZJqChwa8

#juniorDeveloperCentral #netlify
YouTube
DevTips Daily: How to setup and use Netlify Functions
⭐️ Check out more DevTips Daily ⭐️
↳ https://www.youtube.com/watch?v=8LqK_6s-3U0&list=PLpc_YvcwbxaQooG5z-N28XVQ32z_6Imdw

Got a suggestion for a DevTip? Let me know in the comments or find me on Twitter @codebubb (https://twitter.com/codebubb)

#devtipsdaily
342 viewsRian YW, 
JavaScript Indonesia Channel
Latihan panjang dari Lama Dev tentang cara deploy aplikasi React dan Node JS ke layanan Heroku dan Netlify

https://youtu.be/5dQC2JUd27g

---

Cara mengirim email dari front end React JS menggunakan Netlify Functions

https://blog.logrocket.com/how-to-send-emails-react-app-netlify-functions/

---

Latihan bersama Ali Spittel tentang penerapan Stripe Payment di React JS

https://youtu.be/DLGF8neT8d0

---

#react #email #netlify #stripe #mern #deploy #heroku
YouTube
Deploy Node.js and React Apps to Heroku and Netlify | MERN Deployment
How to deploy MERN apps to Heroku and Netlify. Best way to deploy React apps on Heroku and Netlify hosting services. Full-stack app deployment.

Support the channel:

Buy me a coffee: https://www.buymeacoffee.com/lamadev
Join me: https://www.youtube.com/…
1.2K views
JavaScript Indonesia Channel
Latihan panjang pengenalan React Storybook bersama Web Dev Simplified

https://youtu.be/FUKpWgRyPlU

---

Cara mengirim email dari front end React JS langsung dengan bantuan Netlify Functions

https://blog.logrocket.com/how-to-send-emails-react-app-netlify-functions/

---

Latihan panjang pengenalan React JS bersama Freecodecamp

https://www.freecodecamp.org/news/learn-react-js-in-this-free-7-hour-course/

#react #storybook #webdevsimplified #email #netlify
YouTube
React Storybook Crash Course
Designing and testing components is crucial to every application, but it can be difficult to view components in isolation. This makes it hard to design and test components, but with Storybook this is no longer an issue. Storybook makes developing, testing…
941 views
JavaScript Indonesia Channel
Cara publish aplikasi web bagian front end ke layanan Netlify dan Github Pages

https://www.freecodecamp.org/news/publish-your-website-netlify-github/

#netlify #githubPages
freeCodeCamp.org
How to Publish an HTML Website on Netlify or GitHub Pages
By Vasyl Lagutin You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an H...
680 views
JavaScript Indonesia Channel
Latihan bersama Kevin Powell tentang cara deploy aplikasi web front end ke Netlify

https://youtu.be/i9qCmQ2EeUA

#netlify #kevinPowell
YouTube
Host your site for free, with version control, staging, and more using Netlify
You already have your page on GitHub already, so why not host it with Netlify and take advantage of the versioning from GitHub (including easy rollbacks), easily set up a staging site through a branch, and a lot more.

🔗 Links
✅ Netlify: https://www.netlify.com…
639 views
JavaScript Indonesia Channel
Latihan membuat aplikasi Quiz sederhana dengan Next JS dan deploy ke Netlify

https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/

#nextjs #netlify
CSS-Tricks
Building a Tennis Trivia App With Next.js and Netlify | CSS-Tricks
Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows
671 views
JavaScript Indonesia Channel
Cara deploy aplikasi web sederhana ke layanan Netlify dan Github Pages

https://www.freecodecamp.org/news/publish-your-website-netlify-github/

#netlify #github #pages
freeCodeCamp.org
How to Publish an HTML Website on Netlify or GitHub Pages
By Vasyl Lagutin You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an H...
544 views
JavaScript Indonesia Channel
Beberapa tips dalam mengamankan aplikasi React JS

https://www.freecodecamp.org/news/best-practices-for-security-of-your-react-js-application/

---

Beberapa contoh implementasi fitur fitur JavaScript ES2015 ke dalam aplikasi React JS

https://www.freecodecamp.org/news/how-to-use-es6-javascript-features-in-react/

---

Membuat aplikasi React JS dengan bantuan Tailwind CSS

https://www.sitepoint.com/react-tailwind-css-build-site/

---

Menggunakan Netlify Forms untuk menambahkan Form Contact di React JS

https://www.sitepoint.com/react-app-contact-form-netlify-forms/

---

#react #security #es2015 #tailwind #form #netlify
freeCodeCamp.org
How to Secure Your React.js Application
By Shachee Swadia React.js is a scalable open-source JavaScript library and is one of the most commonly used front-end frameworks out there today. It's dynamic and is easy to get started with if you want to create interactive web applications with r...
694 views
JavaScript Indonesia Channel
Latihan bersama CoderOne menggunakan React JS dengan membangun aplikasi web sederhana dengan Tailwind CSS dan Styled Component

https://youtu.be/RuhpLRAVvmM

---

Menggunakan datatable di React JS dengan library React Tables

https://youtu.be/WRKEjPq75BY

---

Cara deploy aplikasi React JS ke layanan Netlify

https://youtu.be/TVb05-_vdSc

---

Latihan menggunakan infine scrolling di React JS pada contoh kasus aplikasi mata uang digital

https://youtu.be/ZNf4qXjm1ws

---

#react #coderone #tailwind #infineScroll #netlify #datatable
YouTube
Build React Website For Beginners - Tailwind, Smooth Scroll and styled-components
If you are a beginner with React and want to build your first website or want to learn the best practices of building elegant React landing pages for your freelance projects or your Saas startups with awesome design and user experience you are in the right…
968 views
JavaScript Indonesia Channel
Cara publish aplikasi web ke layanan Netlify dan Github Pages

https://www.freecodecamp.org/news/publish-your-website-netlify-github/

#netlify #github #pages
freeCodeCamp.org
How to Publish an HTML Website on Netlify or GitHub Pages
By Vasyl Lagutin You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an H...
952 views
JavaScript Indonesia Channel
Melakukan deploy aplikasi Nuxt JS dan Prismic CMS ke layanan Netlify Hosting

https://medium.com/js-dojo/deploying-nuxt-js-prismic-with-netlify-a53c551d6e0f

#netlify #nuxt #vue #prismic #cms
Medium
Deploying Nuxt.JS + Prismic with Netlify
In this article, we’ll go through the steps to deploy your Nuxt website on Netlify. We’ll also learn how to automate the build process…
483 views
JavaScript Indonesia Channel
Latihan sederhana tentang cara deplay web berbasis React JS ke layanan Netlify Hosting

https://towardsdev.com/deploying-reactjs-websites-using-netlify-78e538342c72

#netlify #react #deploy
Medium
Deploying ReactJS WebSites Using Netlify
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. React is widely used as a…
395 views
JavaScript Indonesia Channel
Latihan sederhana tentang pengenalan JAMStack menggunakan Nuxt JS dan Netlify

https://blog.bitsrc.io/bootstrapping-a-serverless-jamstack-with-nuxtjs-faunadb-graphql-and-netlify-905bdd3191f

#vue #nuxt #jamstack #netlify
Medium
Serverless JAMstack with NuxtJS, FaunaDB, GraphQL and Netlify
Build a blog on a NuxtJS Jamstack. We will use Vue.js, TailwindCSS, NuxtJS, FaunaDB, GraphQL, and Netlify.
632 views
JavaScript Indonesia Channel
Konfigurasi Next JS router untuk deploy di layanan Netlify

https://blog.bitsrc.io/setting-up-next-js-url-rewrites-with-netlify-254e1007d74d


#netlify #nextjs
Medium
Setup Next.js URL Rewrites with Netlify
As developers, we use URL rewrites for different reasons in an application. For example, sometimes, we rewrite URLs into short form to facilitate memorizing them. On the other hand, we can use…
597 views
JavaScript Indonesia Channel
Membuat aplikasi Bookstore App dengan React dan Vite JS dan Netlify Functions

https://betterprogramming.pub/learn-how-to-build-test-and-deploy-a-bookstore-app-with-react-18-vite-and-netlify-functions-1e1050c8711


#react #vite #netlify
Medium
Learn How to Build, Test and Deploy a Bookstore App With React 18, Vite, and Netlify Functions
An in-depth guide to exploring these robust programs
607 views
JavaScript Indonesia Channel
Deploy aplikasi React JS dengan React Router ke Netlify, dan memperbaiki error routing yang muncul

https://www.freecodecamp.org/news/how-to-deploy-a-routed-react-app-to-netlify/

#react #router #netlify
freeCodeCamp.org
How to Deploy a React Router App to Netlify and Fix the "Page Not Found" Error
Have you ever experienced a “PAGE NOT FOUND” error when trying to access or refresh an application that uses React Router? Don't worry, you're not alone. In this article, you will learn how to deploy a React application that uses react-router without any…
778 views
JavaScript Indonesia Channel
Beberapa alternatif Netlify untuk deploy layanan aplikasi web

https://blog.openreplay.com/alternatives-to-netlify-for-deploying-front-end-apps/

#netlify #deploy #alternative
Openreplay
Alternatives to Netlify for deploying front-end apps
More options to get your app hosted
463 views
JavaScript Indonesia Channel
Komparasi deploy aplikasi web front end dengan Netlify dan Surge sh

https://blog.openreplay.com/deploying-front-end-apps--netlify-vs-surge/

#deploy #netlify #surge
Openreplay
Deploying Front End Apps: Netlify vs. Surge
A comparison between two options for deploying JAMstack sites.
602 views