Membuat aplikasi Next JS dengan Apollo Client dan Slash GraphQL Service
https://www.apollographql.com/blog/building-a-next-js-app-with-apollo-client-slash-graphql/
---
Membuat teks editor WSYIWG di aplikasi React JS dengan Draft JS dan react-draft-wysiwyg
https://blog.logrocket.com/building-rich-text-editors-in-react-using-draft-js-and-react-draft-wysiwyg/
---
Menggunakan Three JS di dalam aplikasi React JS dengan React Three Fiber library
https://www.smashingmagazine.com/2020/11/threejs-react-three-fiber/
—-
Eksplorasi Image Component baru di Next JS 10
https://medium.com/javascript-in-plain-english/exploring-the-new-image-component-with-next-js-10-cc0f70548886
#react #wysiwyg #draftjs #threejs #image #nextjs #graphql #apollo
https://www.apollographql.com/blog/building-a-next-js-app-with-apollo-client-slash-graphql/
---
Membuat teks editor WSYIWG di aplikasi React JS dengan Draft JS dan react-draft-wysiwyg
https://blog.logrocket.com/building-rich-text-editors-in-react-using-draft-js-and-react-draft-wysiwyg/
---
Menggunakan Three JS di dalam aplikasi React JS dengan React Three Fiber library
https://www.smashingmagazine.com/2020/11/threejs-react-three-fiber/
—-
Eksplorasi Image Component baru di Next JS 10
https://medium.com/javascript-in-plain-english/exploring-the-new-image-component-with-next-js-10-cc0f70548886
#react #wysiwyg #draftjs #threejs #image #nextjs #graphql #apollo
Apollo GraphQL Blog
Building a Next.js App with Apollo Client & Slash GraphQL
Slash GraphQL is a managed GraphQL cloud service that gives your app a /graphql API endpoint from nothing more than your app’s GraphQL schema. It’s the fastest way to start a GraphQL app. In this blog post, we will build a simple NextJS app from scratch,…
Template backend berbasis Parse Server dan Docker Container yang bisa menjadi dasar pengembangan aplikasi berbasis Node JS
https://medium.com/javascript-in-plain-english/a-powerful-backend-ready-for-your-next-app-d4acd88d0cbf
---
Latihan membuat aplikasi Todo List dengan Node JS, MongoDb dan GraphQL Apollo Server
https://medium.com/javascript-in-plain-english/build-a-todo-app-using-graphql-and-node-js-59d16feef60f
---
Latihan membangun aplikasi fullstack JavaScript bagian pertama dengan Node JS dan Spotify API
https://medium.com/javascript-in-plain-english/accessing-the-spotifyalgorithm-full-stack-application-tutorial-part-1-792a2c0ff13
---
Latihan dasar menggunakan framework Restify JS untuk membuat REST API sederhana
https://thewebdev.info/2020/08/16/getting-started-back-end-development-with-restify/
---
Contoh sampel aplikasi blog yang dibuat dengan Node JS MERN Stack
https://itnext.io/blog-app-using-mern-stack-b0b4d69d7ea1
---
#nodejs #docker #graphql #mern #apollo #restify #spotify #todo
https://medium.com/javascript-in-plain-english/a-powerful-backend-ready-for-your-next-app-d4acd88d0cbf
---
Latihan membuat aplikasi Todo List dengan Node JS, MongoDb dan GraphQL Apollo Server
https://medium.com/javascript-in-plain-english/build-a-todo-app-using-graphql-and-node-js-59d16feef60f
---
Latihan membangun aplikasi fullstack JavaScript bagian pertama dengan Node JS dan Spotify API
https://medium.com/javascript-in-plain-english/accessing-the-spotifyalgorithm-full-stack-application-tutorial-part-1-792a2c0ff13
---
Latihan dasar menggunakan framework Restify JS untuk membuat REST API sederhana
https://thewebdev.info/2020/08/16/getting-started-back-end-development-with-restify/
---
Contoh sampel aplikasi blog yang dibuat dengan Node JS MERN Stack
https://itnext.io/blog-app-using-mern-stack-b0b4d69d7ea1
---
#nodejs #docker #graphql #mern #apollo #restify #spotify #todo
Medium
A powerful backend ready for your next app 🚀
Originally posted on dev.to
Latihan pengambilan data GraphQL dari Next JS dengan menggunakan Apollo GraphQL Client
https://www.freecodecamp.org/news/how-to-fetch-graphql-data-in-next-js-with-apollo-graphql/
---
Latihan sederhana menggunakan Next JS dengan mode Static Site Generator untuk membuat aplikasi web bersifat statis.
https://www.freecodecamp.org/news/static-site-generation-with-nextjs/
---
Membuat sistem Authentication di Next JS dengan library Next Auth JS
https://blog.logrocket.com/using-authentication-in-next-js/
---
Latihan panjang membuat GraphQL Server dengan Apollo Server dan Node JS
https://dev.to/guidesmiths/getting-started-with-graphql-and-node-js-1dl6
---
Latihan panjang dari channel Thu Nghiem membuat aplikasi web daftar negara dengan Next JS
https://youtu.be/v8o9iJU5hEA
---
Latihan panjang menggunakan Grid Component pada React JS dari channel Thu Nghiem
https://youtu.be/DgahQ6W5shQ
---
Panduan dasar penggunaan static routing di Next JS
https://dev.to/mariesta/a-beginner-s-guide-to-static-routing-in-next-js-17om
---
#nextjs #react #graphql #apollo #nodejs #auth
https://www.freecodecamp.org/news/how-to-fetch-graphql-data-in-next-js-with-apollo-graphql/
---
Latihan sederhana menggunakan Next JS dengan mode Static Site Generator untuk membuat aplikasi web bersifat statis.
https://www.freecodecamp.org/news/static-site-generation-with-nextjs/
---
Membuat sistem Authentication di Next JS dengan library Next Auth JS
https://blog.logrocket.com/using-authentication-in-next-js/
---
Latihan panjang membuat GraphQL Server dengan Apollo Server dan Node JS
https://dev.to/guidesmiths/getting-started-with-graphql-and-node-js-1dl6
---
Latihan panjang dari channel Thu Nghiem membuat aplikasi web daftar negara dengan Next JS
https://youtu.be/v8o9iJU5hEA
---
Latihan panjang menggunakan Grid Component pada React JS dari channel Thu Nghiem
https://youtu.be/DgahQ6W5shQ
---
Panduan dasar penggunaan static routing di Next JS
https://dev.to/mariesta/a-beginner-s-guide-to-static-routing-in-next-js-17om
---
#nextjs #react #graphql #apollo #nodejs #auth
freeCodeCamp.org
How to Fetch GraphQL Data in Next.js with Apollo GraphQL
Next.js has been steadily growing as a must-have tool for developers creating React apps. Part of what makes it great is its data fetching APIs that request data for each page. But how can we use that API to make GraphQL queries for our app? What is...
Latihan membuat template atau layout email di Vue JS dengan bantuan MJML Tools Component
https://blog.logrocket.com/creating-responsive-emails-using-vue-js-and-mjml/
---
Mengenal reaktivitas di dalam parameter Vue JS dan cara mengatasinya
https://blog.logrocket.com/your-guide-to-reactivity-in-vue-js/
---
Latihan pengenalan Slots di Vue JS
https://blog.logrocket.com/a-deep-dive-into-vue-slots/
---
Latihan panjang membuat aplikasi web dengan Vue JS 3,TypeScript, Vuex, dan Composition API
https://soshace.com/building-web-apps-with-vue-3-composition-api-typescript-vuex4-0/
---
Mengakses data secara real time dengan Apollo GraphQL di aplikasi Vue JS
https://soshace.com/real-time-subscriptions-with-vue-and-graphql/
---
Deploy aplikasi Nuxt JS ke layanan Netlify Hosting
https://medium.com/javascript-in-plain-english/deploy-a-nuxtjs-application-to-netlify-9301099d0c28
#vue #reactivity #typescript #vuex #composition #graphql #apollo #netlify #email #mjml
https://blog.logrocket.com/creating-responsive-emails-using-vue-js-and-mjml/
---
Mengenal reaktivitas di dalam parameter Vue JS dan cara mengatasinya
https://blog.logrocket.com/your-guide-to-reactivity-in-vue-js/
---
Latihan pengenalan Slots di Vue JS
https://blog.logrocket.com/a-deep-dive-into-vue-slots/
---
Latihan panjang membuat aplikasi web dengan Vue JS 3,TypeScript, Vuex, dan Composition API
https://soshace.com/building-web-apps-with-vue-3-composition-api-typescript-vuex4-0/
---
Mengakses data secara real time dengan Apollo GraphQL di aplikasi Vue JS
https://soshace.com/real-time-subscriptions-with-vue-and-graphql/
---
Deploy aplikasi Nuxt JS ke layanan Netlify Hosting
https://medium.com/javascript-in-plain-english/deploy-a-nuxtjs-application-to-netlify-9301099d0c28
#vue #reactivity #typescript #vuex #composition #graphql #apollo #netlify #email #mjml
LogRocket Blog
Creating responsive emails using MJML - LogRocket Blog
In this tutorial, you can learn how to build beautiful and responsive emails using MJML, a tool that makes coding emails easier.
Latihan panjang membuat aplikasi I web notifikasi harga saham atau Stock Price, dengan React JS, Apollo GraphQL, dan Hasura GraphQL engine
https://www.smashingmagazine.com/2020/12/stocks-price-notifier-app-react-apollo-graphql-hasura/
---
Latihan sederhana membuat REST API dengan bantuan Next JS
https://dev.to/noclat/build-a-full-api-with-next-js-1ke
---
Tips deploy aplikasi JAMStack Next JS ke Netlify CMS
https://dev.to/devbyrayray/how-to-build-and-deploy-a-jam-stack-website-fast-with-nextjs-in-5-steps-1kp2
#react #nextjs #graphql #apollo #jamstack
https://www.smashingmagazine.com/2020/12/stocks-price-notifier-app-react-apollo-graphql-hasura/
---
Latihan sederhana membuat REST API dengan bantuan Next JS
https://dev.to/noclat/build-a-full-api-with-next-js-1ke
---
Tips deploy aplikasi JAMStack Next JS ke Netlify CMS
https://dev.to/devbyrayray/how-to-build-and-deploy-a-jam-stack-website-fast-with-nextjs-in-5-steps-1kp2
#react #nextjs #graphql #apollo #jamstack
Smashing Magazine
Building A Stocks Price Notifier App Using React, Apollo GraphQL And Hasura — Smashing Magazine
In this article, we’ll learn how to build an event-based application and send a web-push notification when a particular event is triggered. We’ll set up database tables, events, and scheduled triggers on the Hasura GraphQL engine and wire up the GraphQL endpoint…
Latihan membangun aplikasi cuaca atau Weather App dengan React Hooks
https://www.freecodecamp.org/news/learn-react-by-building-a-weather-app/
---
Latihan membuat Accordion Menu dengan React JS tanpa library tambahan lainnya
https://www.freecodecamp.org/news/build-accordion-menu-in-react-without-external-libraries/
---
Latihan membuat aplikasi pelacak pengeluaran dan pemasukan atau Budget App dengan React JS
https://www.freecodecamp.org/news/react-budget-tracker-app/
---
Cara melakukan form validation di Next JS dan React JS
https://codeburst.io/form-validation-with-next-js-react-part-2-60753d98c252
---
Latihan menggunakan Apollo GraphQL Client di Next JS
https://www.apollographql.com/blog/getting-started-with-apollo-client-in-next-js/
---
#react #weather #budget #hooks #accordion #form #validation #nextjs #apollo #graphql
https://www.freecodecamp.org/news/learn-react-by-building-a-weather-app/
---
Latihan membuat Accordion Menu dengan React JS tanpa library tambahan lainnya
https://www.freecodecamp.org/news/build-accordion-menu-in-react-without-external-libraries/
---
Latihan membuat aplikasi pelacak pengeluaran dan pemasukan atau Budget App dengan React JS
https://www.freecodecamp.org/news/react-budget-tracker-app/
---
Cara melakukan form validation di Next JS dan React JS
https://codeburst.io/form-validation-with-next-js-react-part-2-60753d98c252
---
Latihan menggunakan Apollo GraphQL Client di Next JS
https://www.apollographql.com/blog/getting-started-with-apollo-client-in-next-js/
---
#react #weather #budget #hooks #accordion #form #validation #nextjs #apollo #graphql
freeCodeCamp.org
How to Build a Weather Application with React and React Hooks
By Nishant Kumar React is a super-awesome front-end library that you can use to build user interfaces. One of the best things about React is that the components we create are encapsulated. In other words, they can't be seen. Let's learn more about h...
Latihan membuat backend REST API dengan Node JS dan Hapi JS
https://www.sitepoint.com/jamstack-rest-api-hapi/
---
Penggunaan GraphQL untuk membuat aplikasi chat realtime, dilengkapi dengan fitur notifikasi via SMS
https://levelup.gitconnected.com/building-a-realtime-graphql-chat-application-with-sms-notifications-cc8ecbd0ada0
---
#nodejs #hapi #graphql #apollo #chat
https://www.sitepoint.com/jamstack-rest-api-hapi/
---
Penggunaan GraphQL untuk membuat aplikasi chat realtime, dilengkapi dengan fitur notifikasi via SMS
https://levelup.gitconnected.com/building-a-realtime-graphql-chat-application-with-sms-notifications-cc8ecbd0ada0
---
#nodejs #hapi #graphql #apollo #chat
Sitepoint
Build a Rest API for the Jamstack with Hapi and TypeScript - SitePoint
Ever taken a Jamstack view of a REST API? Learn how to evolve an API without breaking clients, with the help of Hapi, Joi, TypeScript, TDD, Mongo and more.
Referensi beberapa library Object Relational Mapping atau ORM untuk dipakai pada framework Node JS berbasis JavaScript dan TypeScript
https://www.sitepoint.com/javascript-typescript-orms/
---
Latihan panjang membuat membuat fitur Reset Password pada Express JS
https://blog.logrocket.com/implementing-a-secure-password-reset-in-node-js/
---
Membuat kerangka project backend Node JS dengan Express, GraphQL Apollo Server, dan TypeScript
https://levelup.gitconnected.com/set-up-a-project-using-express-graphql-and-typescript-1fa38ee79886
---
Membuat fitur Authentication di Nest JS
https://levelup.gitconnected.com/how-to-create-a-nestjs-app-with-authentication-c0ae845ff6ac
---
Latihan panjang membangun Video Chat dengan Node JS, WebRTC, dan Socket IO
https://levelup.gitconnected.com/building-a-video-chat-app-with-node-js-socket-io-webrtc-26f46b213017
---
#nodejs #orm #socketio #video #webrtc #typescript #express #reset #password #nest #graphql #apollo
https://www.sitepoint.com/javascript-typescript-orms/
---
Latihan panjang membuat membuat fitur Reset Password pada Express JS
https://blog.logrocket.com/implementing-a-secure-password-reset-in-node-js/
---
Membuat kerangka project backend Node JS dengan Express, GraphQL Apollo Server, dan TypeScript
https://levelup.gitconnected.com/set-up-a-project-using-express-graphql-and-typescript-1fa38ee79886
---
Membuat fitur Authentication di Nest JS
https://levelup.gitconnected.com/how-to-create-a-nestjs-app-with-authentication-c0ae845ff6ac
---
Latihan panjang membangun Video Chat dengan Node JS, WebRTC, dan Socket IO
https://levelup.gitconnected.com/building-a-video-chat-app-with-node-js-socket-io-webrtc-26f46b213017
---
#nodejs #orm #socketio #video #webrtc #typescript #express #reset #password #nest #graphql #apollo
SitePoint
9 Best JavaScript and TypeScript ORMs for 2024
An ORM library simplifies the job of writing database queries. Learn about 9 JS and TypeScript ORMs and how they could help you.
Latihan panjang dari Digital Ocean tentang pembuatan GraphQL API dengan Prisma dan Apollo Server dan di deploy ke App Platform
https://www.digitalocean.com/community/tutorials/how-to-build-a-graphql-api-with-prisma-and-deploy-to-digitalocean-s-app-platform
---
Referensi tentang salah satu cara konfigurasi server VPS untuk Node JS backend dengan NGINX
https://javascript.plainenglish.io/how-to-set-up-nodejs-and-mongodb-on-production-server-a8426ea0baf1
---
Membuat data pura pura atau Mock Data dengan JSON Web Server, Node JS, dan Faker JS
https://itnext.io/how-to-generate-mock-data-using-faker-js-and-json-server-1d17007a08e4
---
Membuat backend aplikasi Nest JS dengan fitur login Authentication
https://levelup.gitconnected.com/how-to-create-a-nestjs-app-with-authentication-c0ae845ff6ac
#nodejs #graphql #apollo #express #digitalocean #fakerjs #mockdata #server
https://www.digitalocean.com/community/tutorials/how-to-build-a-graphql-api-with-prisma-and-deploy-to-digitalocean-s-app-platform
---
Referensi tentang salah satu cara konfigurasi server VPS untuk Node JS backend dengan NGINX
https://javascript.plainenglish.io/how-to-set-up-nodejs-and-mongodb-on-production-server-a8426ea0baf1
---
Membuat data pura pura atau Mock Data dengan JSON Web Server, Node JS, dan Faker JS
https://itnext.io/how-to-generate-mock-data-using-faker-js-and-json-server-1d17007a08e4
---
Membuat backend aplikasi Nest JS dengan fitur login Authentication
https://levelup.gitconnected.com/how-to-create-a-nestjs-app-with-authentication-c0ae845ff6ac
#nodejs #graphql #apollo #express #digitalocean #fakerjs #mockdata #server
Digitalocean
How To Build a GraphQL API with Prisma and Deploy to DigitalOcean's App Platform | DigitalOcean
In this tutorial, you’ll build a GraphQL API for a blogging application in JavaScript using Node.js. You will first use Apollo Server to build the GraphQL AP…
Tips dan trik dalam penggunaan Next JS
https://javascript.plainenglish.io/next-js-tricks-6dd97ee66c7c
---
Cara melakukan pre render beberapa router di Next JS
https://javascript.plainenglish.io/pre-rendering-dynamic-routes-with-nextjs-9bca622c6677
---
Latihan dasar penggunaan GraphQL dengan membuat aplikasi chat React JS dan menggunakan Apollo Client
https://javascript.plainenglish.io/graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react-278d22e1d135
#nextjs #react #apollo #graphql
https://javascript.plainenglish.io/next-js-tricks-6dd97ee66c7c
---
Cara melakukan pre render beberapa router di Next JS
https://javascript.plainenglish.io/pre-rendering-dynamic-routes-with-nextjs-9bca622c6677
---
Latihan dasar penggunaan GraphQL dengan membuat aplikasi chat React JS dan menggunakan Apollo Client
https://javascript.plainenglish.io/graphql-for-beginners-build-real-time-chat-app-with-apollo-client-and-react-278d22e1d135
#nextjs #react #apollo #graphql
Medium
5 Useful Next.js Tricks To Add to Your Toolbox
Build scripts, loading external JavaScript, redirects, and more.
Menggunakan Apollo GraphQL pada aplikasi web Next JS
https://blog.logrocket.com/why-use-next-js-apollo/
#react #graphql #nextjs #apollo
https://blog.logrocket.com/why-use-next-js-apollo/
#react #graphql #nextjs #apollo
LogRocket Blog
Why use Next.js with Apollo - LogRocket Blog
Use the Apollo Client with Next.js for caching support, inbuilt loading and error states, and a declarative approach to data fetching.
Membuat aplikasi blog dengan Nuxt JS dan Strapi CMS dengan Apollo GraphQL
https://medium.com/strapi/how-to-build-a-blog-with-nuxt-vue-js-strapi-and-apollo-5eae5f56a0da
#strapi #vue #nuxt #apollo
https://medium.com/strapi/how-to-build-a-blog-with-nuxt-vue-js-strapi-and-apollo-5eae5f56a0da
#strapi #vue #nuxt #apollo
Medium
How to Build a blog with Nuxt (Vue.js), Strapi and Apollo
This tutorial will show you how to build a blog using Vue.JS (Nuxt.JS) for the frontend, Apollo for requesting the Strapi API and Strapi
❤1