javascript

19 Oct

Dockerizing a Next.js Application using a Standalone Build

stp2y0 CommentsNewscoding, community, development, docker, engineering, inclusive, javascript, nextjs, software, typescript

Introduction Docker has gained popularity in recent years for enabling applications to be placed inside containers. These containers can be deployed to any environment and will work the same way in all of them, providing a uniform behavior regardless of the platform where the application runs. These containers use images, which are a copy or compressed snapshot of the application. By placing them within a container, they are displayed exactly as they are. This is one of those technologies that some were desperate for, while others don't realize they need it until they hear about it. For its part, Next.js…

Read More

19 Oct

NPM peerDependencies in Depth: A Comprehensive Introduction

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, node, npm, software, webdev

As Javascript developers, we all know two different dependencies in our projects, dependencies and devDependencies, but what about peerDependencies? In this series, we will examine this less common dependency in Javascript. We will study what they are, what I need to know about as a library user, and what best practices are for library authors. What are dependencies in NPM Let's recap the different common types: dependencies: these are the tools used in your application; a good example is react, angular, and express. When your application is in production, the code of the libraries on dependencies will run under the…

Read More

19 Oct

Redux toolkit: React Thunk and React Saga.Learn from Vishal Tiwari.

stp2y0 CommentsNewsai, coding, community, development, engineering, inclusive, javascript, node, software, webdev

React Thunk and React Saga are middleware libraries for handling side effects in React applications, especially for managing asynchronous operations like API calls. Both are commonly used with Redux but serve slightly different purposes and approaches. React Thunk 1. Overview: React Thunk is a middleware that allows you to write action creators that return functions instead of action objects. This is useful for handling asynchronous operations like API requests or complex synchronous logic (like conditional dispatching of actions). The returned function receives dispatch and getState as arguments, allowing you to dispatch other actions or access the current state within the…

Read More

17 Oct

A privacy focused online PDF Editor

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, opensource, pdf, software, webdev

Photo from Markus Spiske privpdf.com is an open-source project by Neural Nirvana aimed to prioritize privacy and safety of PDF documents.Almost every one of us has used the online PDF editor services to merge, split, edit, watermak PDF files. But doing it online comes with a risk of your document data being shared with third party servers, even stored without consent.That's why we created privpdf.com - a privacy focused in-browser PDF editor capable in doing everything current online providers are offering - all inside the browser with no data ever uploaded anywhere!The client-side processing enables the user to be assured…

Read More

16 Oct

Setting up Supabase Auth with Nuxt v3

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, javascript, nuxt, software, vue, webdev

Implementing authentication is something that you do on most projects, but still something that you may not remember how to do by memory because of how often you actually do it. Here is a quick how-to about implementing Supabase Auth with Nuxt v3. In this example, we will be using OTP, but it applies to every case. You will first want to start your project by going to Supabase's website. After creating a project in Supabase and starting your project on Nuxt, we want to then install the Supabase Nuxt package by doing: npx nuxi@latest module add supabase We will…

Read More

16 Oct

Join us for the next Wix Studio Challenge: Build Your Dream Community Platform!

stp2y0 CommentsNewscoding, community, devchallenge, development, engineering, inclusive, javascript, software, webdev, wixstudiochallenge

We are thrilled to announce our next partnered challenge with Wix Studio! Running through October 27, Wix Studio Challenge: Community Edition invites you to leverage the power of Wix Studio to build your dream community platform. This challenge is an opportunity to showcase your JavaScript skills while leveraging the Wix Studio low-code environment to create a meaningful project for your portfolio. Ania Kubów (@ania_kubow) will be returning as our guest judge. With her extensive experience as a software developer, educator, and popular YouTuber, Ania brings a wealth of knowledge to the table. Showcase your work to one of the software’s…

Read More

16 Oct

Top 8 JavaScript Debugging Tools for Front-End Development

stp2y0 CommentsNewscoding, community, development, engineering, frontend, inclusive, javascript, software, tooling

What is JavaScript Debugging? JavaScript debugging is the process of identifying and resolving errors in JS code. It allows developers to step through code line-by-line, monitor variables, and control flow to find bugs and issues. Common JS Debugging Tools Here are some widely used debugging tools for JavaScript: Browser DevTools: Built into browsers to debug JavaScript code. You can set breakpoints, step through code, inspect values, and much more. Node Inspector: A debugger interface for Node.js code that integrates with Chrome DevTools. Visual Studio Code: Provides excellent built-in support for JS debugging. WebStorm: A JetBrains IDE with comprehensive debugging features…

Read More

14 Oct

ZinariPay 2.0.0: The New Era of Cryptocurrency Payments Integration

stp2y0 CommentsNewscoding, community, cryptocurrency, development, engineering, inclusive, javascript, payments, programming, software

We're excited to announce the release of ZinariPay version 2.0.0! This major update introduces significant changes and improvements to our npm package and CDN, making it easier and more secure than ever to integrate cryptocurrency payments into your web applications. What's New? 1. Mandatory API Key for Enhanced Security In version 2.0.0, the apiKey is now a mandatory field for all integrations. This breaking change emphasizes our commitment to enhanced security. By requiring the API key, we've introduced an extra layer of protection to ensure that your transactions remain safe and secure. 2. Completely Revamped User Interface Our new UI…

Read More

11 Oct

Hacktoberfest Week 2: Diving Deeper into Code Contributions

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, hacktoberfest, inclusive, javascript, opensource, software

Greetings, everyone! How’s Hacktoberfest going for you this year? Personally, I’m really enjoying it so far. We’ve now entered the second week of October, which means it’s time for my second pull request (PR) out of the four needed to complete the challenge. This week, I decided to push myself a bit further by contributing to a project’s codebase rather than focusing solely on documentation, as I did in Week 1. Recap of Week 1 In my first PR of Hacktoberfest, I worked on improving project documentation. As a beginner, I wanted to ease into the process with smaller, manageable…

Read More

11 Oct

Learn how to build AI assisted blog from scratch

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, learning, software, webdev

In guide you will learn: how to create seo friendly opensource Nuxt instance how to set-up admin panel using opensource node admin framework AdminForth how to add openai plugins to adminforth how to bundle 2 intances (nuxt + node admin) in single docker container how to automatically spawn one EC2 instance and put docker container there how to add ssl for free using cloudflare Guide: https://adminforth.dev/blog/ai-blog/ Source link lol

Read More