<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Evotik</title>
    <description>The latest articles on Forem by Evotik (@evotik).</description>
    <link>https://forem.com/evotik</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1386317%2F80ba8775-fe1e-4b85-80df-c2d471970dc6.png</url>
      <title>Forem: Evotik</title>
      <link>https://forem.com/evotik</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/evotik"/>
    <language>en</language>
    <item>
      <title>React Native Developers Are Done</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Sat, 28 Sep 2024 01:15:56 +0000</pubDate>
      <link>https://forem.com/evotik/react-native-developers-are-done-4no9</link>
      <guid>https://forem.com/evotik/react-native-developers-are-done-4no9</guid>
      <description>&lt;h1&gt;
  
  
  React Native Developers Are Done: It's Time to Embrace Capacitor
&lt;/h1&gt;

&lt;p&gt;Let me start with a bold statement: &lt;strong&gt;React Native developers, your days are numbered.&lt;/strong&gt; Why? Because Capacitor has matured, and it’s about to make React Native irrelevant for most use cases. If you’ve been building mobile apps with React Native, it’s time to ask yourself—why do we even need it anymore? Capacitor offers a simpler, more efficient solution to mobile development, and here’s why.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Stick to React Native When Capacitor Does It All?
&lt;/h2&gt;

&lt;p&gt;Capacitor isn’t some brand-new technology. It’s been around for a while, quietly evolving in the background. But &lt;strong&gt;now&lt;/strong&gt;, it has fully come into its own. Capacitor lets you turn &lt;strong&gt;any web app&lt;/strong&gt;—whether built in React, Vue, or Nuxt—into a mobile app that runs seamlessly across all devices. You’re working with the same codebase you already have, so why would you want to maintain an extra repository for your mobile app? &lt;/p&gt;

&lt;p&gt;React Native forces you to juggle two codebases—one for the web and one for mobile—doubling your effort and introducing unnecessary complexity. In 2024, do we really need that?&lt;/p&gt;

&lt;h2&gt;
  
  
  Same Codebase, All Platforms
&lt;/h2&gt;

&lt;p&gt;Capacitor has proven it can deliver on what React Native promises, but without the hassle. One codebase. One repo. &lt;strong&gt;Web, iOS, and Android—all from the same app&lt;/strong&gt;. No need to rewrite logic or maintain two separate projects. If you're building a modern web app, why not just extend it to mobile instead of learning a whole new framework?&lt;/p&gt;

&lt;h2&gt;
  
  
  What About Device APIs? Capacitor Has It Covered
&lt;/h2&gt;

&lt;p&gt;You might be thinking: "But what about device APIs? Surely, React Native does that better!" Not really. Capacitor has &lt;strong&gt;official plugins for pretty much everything&lt;/strong&gt;—from push notifications to camera access, geolocation, and file storage. And if Capacitor doesn’t have the plugin you need? No problem—it supports &lt;strong&gt;Cordova plugins&lt;/strong&gt;, so you’re not locked into any limitations.&lt;/p&gt;

&lt;p&gt;So what’s left? What device APIs can React Native handle that Capacitor can’t? I’ll wait... (crickets). With Capacitor’s broad plugin ecosystem and ability to integrate with native functionality, React Native’s edge is diminishing.&lt;/p&gt;

&lt;h2&gt;
  
  
  React Native Complexity? Capacitor Says, "Hold My Beer."
&lt;/h2&gt;

&lt;p&gt;Maintaining two separate repos—one for your web app and one for your React Native app—just sounds like unnecessary hassle. You’re essentially building the same app twice, using two different technologies, just to get it to work on mobile. &lt;strong&gt;Why create complexity where there’s none?&lt;/strong&gt; Capacitor allows you to extend your web codebase effortlessly into mobile, reducing the need for all that React Native boilerplate.&lt;/p&gt;

&lt;p&gt;Capacitor is fast. It’s flexible. It supports everything you already love about web development, and it doesn’t require you to re-learn an entire mobile framework like React Native.&lt;/p&gt;

&lt;h2&gt;
  
  
  React Native Developers, It’s Time to Move On
&lt;/h2&gt;

&lt;p&gt;Here’s the controversial part—&lt;strong&gt;Capacitor should replace all React Native developers&lt;/strong&gt;. Why? Because in most cases, they aren’t needed anymore. Capacitor gives us everything React Native does, but with a cleaner, more efficient workflow. You get to use the same technologies you already love—whether it’s Vue, React, or Nuxt—and turn them into mobile apps. Why would you bother learning or hiring for React Native when Capacitor offers a much simpler, more streamlined solution?&lt;/p&gt;

&lt;p&gt;The future is about &lt;strong&gt;simplicity and efficiency&lt;/strong&gt;, and React Native is starting to feel like the clunky older sibling compared to the smooth, integrated approach of Capacitor.&lt;/p&gt;

&lt;h2&gt;
  
  
  Challenge Me, React Native Die-Hards
&lt;/h2&gt;

&lt;p&gt;I get it, this is going to trigger some people. &lt;strong&gt;React Native die-hards, let’s hear your best defense.&lt;/strong&gt; What can React Native do that Capacitor can’t? What’s the reason to keep React Native around when we’ve got this amazing tool that can handle everything without the complexity?&lt;/p&gt;

&lt;p&gt;I want to hear from you. Convince me why React Native is still relevant in a world where Capacitor is already dominating the scene. Let’s get the conversation going!&lt;/p&gt;




&lt;h3&gt;
  
  
  Final Word: Capacitor Is the Future
&lt;/h3&gt;

&lt;p&gt;The verdict is simple: &lt;strong&gt;React Native is outdated&lt;/strong&gt;, and it’s time for developers to embrace Capacitor. It’s faster, easier, and lets you leverage your existing web skills to build truly cross-platform apps. So, unless you’re feeling nostalgic, it’s time to leave React Native behind and step into the future with Capacitor.&lt;/p&gt;

&lt;p&gt;What do you think? Let the debate begin.&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>react</category>
      <category>mobile</category>
      <category>discuss</category>
    </item>
    <item>
      <title>8 Essential VS Code Extensions [2024]</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Sun, 28 Apr 2024 22:57:39 +0000</pubDate>
      <link>https://forem.com/evotik/8-essential-vs-code-extensions-2024-12i1</link>
      <guid>https://forem.com/evotik/8-essential-vs-code-extensions-2024-12i1</guid>
      <description>&lt;p&gt;Hey fellow amazing developers, we got you Essential &lt;a href="https://code.visualstudio.com/" rel="noopener noreferrer"&gt;VS Code&lt;/a&gt; Extensions for 2024 (these are especially important for web developers) recommended by our &lt;a href="https://evotik.com" rel="noopener noreferrer"&gt;developers at evotik&lt;/a&gt;, we wont talk about &lt;a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" rel="noopener noreferrer"&gt;ESlint&lt;/a&gt; nor &lt;a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" rel="noopener noreferrer"&gt;Prettier&lt;/a&gt; which all of you already know. &lt;/p&gt;

&lt;p&gt;We bring you best 8 we experienced so lets list them for you here.&lt;/p&gt;

&lt;h2&gt;
  
  
  Live Server
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4sd79450oovh71zzhdx1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4sd79450oovh71zzhdx1.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" rel="noopener noreferrer"&gt;Live Server&lt;/a&gt; is a development tool that offers live reloading and a local server for your web projects. It enables you to view changes instantly as you modify HTML, CSS, and JavaScript files. The Live Server extension for VS Code initiates a local server and displays your project in the browser, simplifying the process of testing and debugging your code while you develop.&lt;/p&gt;

&lt;h2&gt;
  
  
  Markdown All in One
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6vsopczvlh9pp18yr66k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6vsopczvlh9pp18yr66k.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one" rel="noopener noreferrer"&gt;Markdown Support extension&lt;/a&gt; for Visual Studio Code enriches your Markdown editing experience with features like keyboard shortcuts, table of contents, and auto preview. It enhances VS Code's native Markdown capabilities, which include a basic preview function. This extension also supports GitHub Flavored Markdown, Math expressions, and has settings for optimizing the Table of Contents and list editing. Additionally, it offers the ability to print Markdown to HTML and handles GitHub-specific Markdown syntax.&lt;/p&gt;

&lt;h2&gt;
  
  
  GitLens
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs7g6iu5t7xth4z50el40.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs7g6iu5t7xth4z50el40.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" rel="noopener noreferrer"&gt;GitLens&lt;/a&gt; supercharges the native Git features of VS Code with its comprehensive suite of tools. It offers deep insights into your Git repository, such as detailed commit histories, authorship data, and graphical branch exploration. GitLens simplifies the process of exploring and managing your Git repositories, proving itself as an indispensable tool for developers engaged in Git-based projects.&lt;/p&gt;

&lt;h2&gt;
  
  
  Code Spell Checker
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F312k4ejn3mfnsk06d3e7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F312k4ejn3mfnsk06d3e7.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker" rel="noopener noreferrer"&gt;Code Spell Checker&lt;/a&gt; extension scans your code for spelling mistakes, helping to maintain accuracy in variable names, comments, and documentation. It is particularly valuable in larger projects, enhancing readability and ensuring professionalism. By identifying and offering fixes for spelling errors, it supports developers in producing well-documented and clear code, thereby improving overall code quality and facilitating collaboration.&lt;/p&gt;

&lt;h2&gt;
  
  
  Beautify
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiu4jnr4g6bwozgfdd3vw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiu4jnr4g6bwozgfdd3vw.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify" rel="noopener noreferrer"&gt;Beautify extension&lt;/a&gt; for Visual Studio Code enhances the native beautification capabilities, allowing developers to customize the formatting style with a &lt;code&gt;.jsbeautifyrc&lt;/code&gt; configuration file. &lt;/p&gt;

&lt;p&gt;It supports beautifying JavaScript, JSON, CSS, Sass, and HTML. This extension intelligently determines the appropriate settings based on your workspace and uses any specified &lt;code&gt;.jsbeautifyrc&lt;/code&gt; files from various directory levels or the user's home directory. It merges these settings with VS Code's own configurations, ensuring a seamless integration that respects the coding standards set within your projects. &lt;/p&gt;

&lt;h2&gt;
  
  
  Better Comments
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0fvnvaagjej9jccb814s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0fvnvaagjej9jccb814s.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments" rel="noopener noreferrer"&gt;Better Comments extension&lt;/a&gt; enhances code commenting by allowing developers to categorize comments into types like Alerts, Queries, TODOs, and Highlights. It supports multiline and plain text comment styling, configurable through User or Workspace settings. This extension helps in making comments more readable and organized, which can improve code maintenance and clarity.&lt;/p&gt;

&lt;h2&gt;
  
  
  JavaScript (ES6) code snippets
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F294bow3gjujc4skclzd1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F294bow3gjujc4skclzd1.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The VS Code &lt;a href="https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets" rel="noopener noreferrer"&gt;JavaScript (ES6) snippets extension&lt;/a&gt; provides a collection of code snippets for JavaScript and TypeScript, enhancing productivity in coding with ES6 syntax. The snippets range from import/export functionalities to various helper methods for classes and console operations. This extension supports multiple file types and can be easily installed via the Command Palette. Additionally, it includes features to review code directly within the IDE, offering tools such as jump-to-definition among others.&lt;/p&gt;

&lt;h2&gt;
  
  
  Settings Sync
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fise4cuutacsqr8hcrv16.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fise4cuutacsqr8hcrv16.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync" rel="noopener noreferrer"&gt;Settings Sync extension&lt;/a&gt; for Visual Studio Code, formerly known as Visual Studio Code Settings Sync, offers comprehensive synchronization of VS Code settings using GitHub Gists. It enables one-click uploads and downloads of settings and extensions, supports GitHub Enterprise, and can sync any file across devices. Key features include automatic updates on startup, sharing settings with others through Gist, and a GUI for easy configuration. The extension is particularly useful for teams in a professional setting.&lt;/p&gt;




&lt;p&gt;We hope that you liked our list, and if you did ask us for more specific extensions. We invite you to see our other articles about &lt;a href="https://dev.to/evotik/5-open-source-nextjs-projects-rocking-2024-learn-the-patterns-3oi0"&gt;Open-Source Next.js Projects&lt;/a&gt; and &lt;a href="https://dev.to/evotik/8-npm-packages-for-javascript-beginners-2024tutorials-5f85"&gt;NPM Packages for JavaScript Beginners&lt;/a&gt;. If you are in Dubai or UAE you might find our article about &lt;a href="https://evotik.com/startups/best-payment-gateways-for-uae/" rel="noopener noreferrer"&gt;Payment Gateways guide&lt;/a&gt; interesting &lt;a href="https://www.geocities.ws/usefullsites/index.html" rel="noopener noreferrer"&gt;too&lt;/a&gt; &lt;a href="https://www.merchantcircle.com/blogs/trade-in-trends-fort-smith-ar/2024/8/Mastering-Saudi-Government-Tenders-for-Business-Success/2800668" rel="noopener noreferrer"&gt;check it&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>vscode</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Release of Node.js 22 [Live] What is new?!</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Thu, 25 Apr 2024 17:44:16 +0000</pubDate>
      <link>https://forem.com/evotik/release-of-nodejs-22-live-what-is-new-100f</link>
      <guid>https://forem.com/evotik/release-of-nodejs-22-live-what-is-new-100f</guid>
      <description>&lt;p&gt;The future of JavaScript development takes a leap forward with the &lt;a href="https://nodejs.org/en/blog/announcements/v22-release-announce"&gt;release of Node.js 22&lt;/a&gt;, introducing groundbreaking features such as native WebSocket support and the ability to require() ES modules. This release marks a significant milestone, pushing the boundaries of what's possible with JavaScript on the server side. We love to &lt;a href="https://evotik.com"&gt;develop software using Node and Javascript&lt;/a&gt; in general and looks we will love it more.&lt;/p&gt;

&lt;h2&gt;
  
  
  Exciting New Features in Node.js 22
&lt;/h2&gt;

&lt;p&gt;Node.js 22 arrives packed with enhancements that promise to improve your development experience. Key updates include the integration of the V8 JavaScript engine version 12.4, which brings features like WebAssembly Garbage Collection and improved Set methods. Notably, the release introduces a built-in WebSocket client, eliminating the need for external libraries for real-time web communications.&lt;/p&gt;

&lt;p&gt;Quick video summary for what is new&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/AxnkYPs-cCY"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Transitioning to Long-Term Support
&lt;/h2&gt;

&lt;p&gt;While Node.js 22 will initially be in the "Current" release category, it is set to transition to Long-Term Support (LTS) in October. This phase is crucial for developers to test and adapt their applications with the new features, ensuring stability and performance before the LTS period commences.&lt;/p&gt;

&lt;h2&gt;
  
  
  Dive into the Changelog
&lt;/h2&gt;

&lt;p&gt;For those interested in the specifics, the changelog of Node.js 22 offers a glimpse into the minor updates and bug fixes that complement the major features. This release doesn't just add new capabilities but also enhances the existing ones, reflecting the continuous effort to refine the platform. For a comprehensive understanding, check the release post on the &lt;a href="https://nodejs.org/blog/release/v22.0.0"&gt;Node.js blog&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Get Node.js 22
&lt;/h2&gt;

&lt;p&gt;Ready to start experimenting with the new features? Download Node.js 22.0.0 directly from Node.js’s &lt;a href="https://nodejs.org/download/current/"&gt;official download page&lt;/a&gt;. Dive into the new enhancements and tailor your applications to leverage these latest advancements.&lt;/p&gt;

&lt;h2&gt;
  
  
  V8 Engine Upgrade and Maglev Compiler
&lt;/h2&gt;

&lt;p&gt;The update to V8 version 12.4 and the activation of the Maglev Compiler by default underline significant performance boosts, particularly for CLI tools. These improvements showcase the project's commitment to enhancing JavaScript execution efficiency.&lt;/p&gt;

&lt;h2&gt;
  
  
  Enhanced Module Handling and Script Execution
&lt;/h2&gt;

&lt;p&gt;Node.js 22 also introduces better handling of ES modules and a new feature for running package.json scripts directly via the command line, streamlining development workflows.&lt;/p&gt;

&lt;h2&gt;
  
  
  WebSocket and File Matching
&lt;/h2&gt;

&lt;p&gt;The inclusion of a stable, browser-compatible WebSocket implementation and new file matching functions (glob and globSync) in Node.js expands its capabilities, making it an even more versatile tool for developers.&lt;/p&gt;

&lt;p&gt;Dont forget to check our: &lt;a href="https://dev.to/evotik/5-open-source-nextjs-projects-rocking-2024-learn-the-patterns-3oi0"&gt;5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!)&lt;/a&gt; &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>opensource</category>
    </item>
    <item>
      <title>5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!) 🚀</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Fri, 05 Apr 2024 21:37:57 +0000</pubDate>
      <link>https://forem.com/evotik/5-open-source-nextjs-projects-rocking-2024-learn-the-patterns-3oi0</link>
      <guid>https://forem.com/evotik/5-open-source-nextjs-projects-rocking-2024-learn-the-patterns-3oi0</guid>
      <description>&lt;p&gt;If you are a Junior or still learning to write code, it is best if you see others code, which is concidered one of the harder things. Definitely harder docs and indeed harder than building things (which you can copy/paste and GPT your way around it) but needed experience to understand what others push to production.&lt;/p&gt;

&lt;p&gt;And what would be better than seeing code of apps in production, let alone these apps are make Huge MRRs! So &lt;a href="https://evotik.com" rel="noopener noreferrer"&gt;we&lt;/a&gt; choose here 5 next.js project for you that are open source AND in production. Take the time to review them, understand the patterns, how these apps deal with different problems, what are they using under the hood to tackle different issues and needs of being great user apps.&lt;/p&gt;

&lt;h2&gt;
  
  
  Typebot
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://typebot.io/" rel="noopener noreferrer"&gt;Typebot&lt;/a&gt; is an Open-Source Chatbot Builder for Streamlined User Engagement&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqlq209oc6rtfqt0x5ynp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqlq209oc6rtfqt0x5ynp.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Developers love Typebot, an open-source chatbot builder that empowers anyone to create advanced chatbots visually.  No coding required!  Embed these chatbots directly into web or mobile apps to collect real-time results and continuously improve user interactions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/baptisteArno/typebot.io" rel="noopener noreferrer"&gt;Github Repository: Here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Dub
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxjne9oldvtnjt2l7ksyx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxjne9oldvtnjt2l7ksyx.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dub.co/" rel="noopener noreferrer"&gt;Dub&lt;/a&gt; Open-source link management. Create, share, and track short links for streamlined marketing campaigns.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/dubinc/dub" rel="noopener noreferrer"&gt;Github Repository: Here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  OpenStatus
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6n1decszkl5w9ioyortp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6n1decszkl5w9ioyortp.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.openstatus.dev/" rel="noopener noreferrer"&gt;OpenStatus&lt;/a&gt; platform provides comprehensive monitoring capabilities with a visually appealing status page. Users can choose to self-host the software for complete control or utilize the hosted version for a more convenient setup.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/openstatusHQ/openstatus" rel="noopener noreferrer"&gt;Github Repository: Here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Formbricks
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1oq3waci9jtxgtx9zmp7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1oq3waci9jtxgtx9zmp7.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://formbricks.com/" rel="noopener noreferrer"&gt;Formbricks&lt;/a&gt; is a solution for micro-surveys that will supercharge product experience with in app integration. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/formbricks/formbricks" rel="noopener noreferrer"&gt;Github Repository: Here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Disclaimer: No affiliate links there 😁.&lt;/p&gt;

&lt;p&gt;Checkout other articles&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/evotik/8-npm-packages-for-javascript-beginners-2024tutorials-5f85"&gt;8 NPM Packages for JavaScript Beginners [2024]&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/evotik/nuxt-vs-next-biased-opinion-4iei"&gt;Nuxt vs Next | Biased Opinion&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/evotik/release-of-nodejs-22-live-what-is-new-100f"&gt;NodeJS 22 is Out and Live&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Check this &lt;a href="https://hackmd.io/@RRhzJV_iSgy7sDrFrSLq0g/BkiKH8ji0" rel="noopener noreferrer"&gt;exciting service&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>nextjs</category>
      <category>typescript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>The Harsh Truth: JavaScript is Dead</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Thu, 04 Apr 2024 16:32:56 +0000</pubDate>
      <link>https://forem.com/evotik/the-harsh-truth-javascript-is-dead-hot-take-447e</link>
      <guid>https://forem.com/evotik/the-harsh-truth-javascript-is-dead-hot-take-447e</guid>
      <description>&lt;p&gt;Listen up, coders! I know you're probably wondering why you should even bother with TypeScript when you've been rocking it with good ol' JavaScript for years. After all, JavaScript is the OG language of the web, and it's gotten you this far, right? Well, hold onto your keyboards because I'm about to drop some knowledge bombs on why TypeScript might just be the upgrade you didn't know you needed.&lt;/p&gt;

&lt;p&gt;First things first, let's address the elephant in the room – TypeScript is a superset of JavaScript, which means you're not really leaving your beloved JS behind. Think of TypeScript as JavaScript with a fancy new suit and some serious superpowers. It's like your favorite superhero getting a fresh new costume and a whole bunch of cool gadgets to make their job even easier.&lt;/p&gt;

&lt;p&gt;Now, let's dive into the real meat of why TypeScript is causing such a stir in the coding community. &lt;strong&gt;Type safety&lt;/strong&gt;, my friends, type safety. In JavaScript, you can assign any value to any variable, which can lead to all sorts of chaos and &lt;strong&gt;unexpected behavior&lt;/strong&gt;. It's like trying to herd a bunch of cats – you never know when one of them is going to slip through the cracks and cause mayhem.&lt;/p&gt;

&lt;p&gt;With TypeScript, though, you have to declare the type of each variable, which means you can catch those silly type-related bugs before they even have a chance to party in your codebase. It's like having a bouncer at the club, &lt;strong&gt;keeping all the troublemakers out&lt;/strong&gt; and ensuring only the cool kids (the right data types) get in.&lt;/p&gt;

&lt;p&gt;But wait, there's more! TypeScript also comes with some sweet tooling that makes your coding life a whole lot easier. Ever heard of &lt;strong&gt;Intellisense&lt;/strong&gt;? It's like having a super-smart coding buddy that suggests what you should type next. No more hunting through documentation or struggling to remember method names – TypeScript's got your back.&lt;/p&gt;

&lt;p&gt;And let's not forget about refactoring. &lt;strong&gt;In JavaScript, renaming a variable or function can be a nightmare&lt;/strong&gt;. You have to manually find and replace every instance, and if you miss one, you're in for a world of hurt. With TypeScript, though, you can just rename it once, and the compiler will automatically update all the references for you. It's like having a personal assistant that's way better at finding and replacing than you'll ever be.&lt;/p&gt;

&lt;p&gt;Now, I know what you're thinking: "But, TypeScript is just extra overhead. Why bother?" Well, my friend, let me tell you why. Sure, TypeScript has a bit of a learning curve, but once you get the hang of it, it'll save you so much time and headaches in the long run especially in a multi dev project like we do at &lt;a href="https://evotik.com"&gt;evotik&lt;/a&gt;. Think about it – catching those pesky bugs early means less time spent debugging and more time spent actually building cool stuff.&lt;/p&gt;

&lt;p&gt;But here's where things get a little controversial. Some developers argue that TypeScript goes against the principles of JavaScript, which was designed to be a dynamic, flexible language. They say that by introducing static typing, TypeScript takes away some of that flexibility and freedom that made JavaScript so appealing in the first place.&lt;/p&gt;

&lt;p&gt;On the other hand, TypeScript's proponents argue that the benefits of type safety and tooling far outweigh any perceived loss of flexibility. They point out that as codebases grow larger and more complex, the added structure and organization that TypeScript provides becomes invaluable.&lt;/p&gt;

&lt;p&gt;Personally, I'm firmly on Team TypeScript. Sure, JavaScript is great, but &lt;strong&gt;TypeScript is like JavaScript on steroids&lt;/strong&gt; (without the legal implications, of course). It takes everything you love about JS and adds a whole bunch of features that make your life as a developer easier and more efficient.&lt;/p&gt;

&lt;p&gt;But hey, don't just take my word for it. Tons of big-name companies like Microsoft, Google, and Airbnb have already jumped on the TypeScript bandwagon. And if it's good enough for them, it's definitely good enough for us mere mortals.&lt;/p&gt;

&lt;p&gt;So, what are you waiting for? Ditch that JavaScript and level up your coding game with TypeScript. Your future self will thank you for all the headaches you avoided and the sweet, sweet type safety you embraced. Trust me, once you go TypeScript, you'll never want to go back. Unless, of course, you're one of those rebel coders who lives for chaos and unpredictability. In that case, you do you, my friend.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If you disagree or think otherwise leave a comment here explaining your point(s) and argument(s).&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>typescript</category>
      <category>discuss</category>
      <category>beginners</category>
    </item>
    <item>
      <title>8 NPM Packages for JavaScript Beginners [2024][+tutorials]</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Tue, 02 Apr 2024 20:13:29 +0000</pubDate>
      <link>https://forem.com/evotik/8-npm-packages-for-javascript-beginners-2024tutorials-5f85</link>
      <guid>https://forem.com/evotik/8-npm-packages-for-javascript-beginners-2024tutorials-5f85</guid>
      <description>&lt;p&gt;Hey there! If you're looking to spice up your JavaScript game in 2024, you've come to the right place. We're diving into the world of NPM packages - those little bundles of joy that can make your coding life a heck of a lot easier. From building sleek web applications to mastering data manipulation and beyond, we've got you covered with the crème de la crème of NPM packages you should definitely check out.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Express.js
&lt;/h2&gt;

&lt;p&gt;Starting off strong with &lt;a href="https://expressjs.com/"&gt;&lt;strong&gt;Express.js&lt;/strong&gt;&lt;/a&gt;, the cool kid on the block for building web apps. It's lightweight, flexible, and doesn't throw a tantrum when you ask it to scale. With Express, you can handle HTTP requests like a pro, play around with middleware, set up routes without breaking a sweat, and render views that make your app look stunning. Big names like Netflix and Uber are already on board, and if it's good enough for them, it's definitely worth a peek.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/SccSCuHhOw0"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Axios
&lt;/h2&gt;

&lt;p&gt;Next up is &lt;a href="https://axios-http.com/docs/api_intro"&gt;&lt;strong&gt;Axios&lt;/strong&gt;&lt;/a&gt;, your go-to pal for making HTTP requests. Whether you're in Node.js land or hanging out in the browser, Axios has got your back with its super intuitive API. Promise-based? Check. Easy error handling? You bet. Plus, with interceptors, you can add those all-important auth headers without a hitch. It's like having a trusty sidekick who's always ready to fetch data for you.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/mS48F0swwAY"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Lodash.js
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://lodash.com/"&gt;&lt;strong&gt;Lodash.js&lt;/strong&gt;&lt;/a&gt; is like the Swiss Army knife for JavaScript developers. Need to manipulate data structures or dabble in functional programming? Lodash is here to save the day with its arsenal of utilities. It's all about making your code cleaner and your life easier, which is probably why big guns like Google and Airbnb have it in their toolkit.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/TOin8nmYpgc"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Underscore.js
&lt;/h2&gt;

&lt;p&gt;Not too far behind is &lt;a href="https://underscorejs.org/"&gt;&lt;strong&gt;Underscore.js&lt;/strong&gt;&lt;/a&gt;, another utility library that's all about enhancing your JavaScript mojo. Whether you're dealing with arrays, objects, or strings, Underscore has got something for you. It's like Lodash's sibling, offering similar functionalities but with its own flair. The choice between them is like picking between chocolate and vanilla - it really comes down to personal taste.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/YBXN1jkYxgA"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Moment.js
&lt;/h2&gt;

&lt;p&gt;Ah, &lt;a href="https://momentjs.com/"&gt;&lt;strong&gt;Moment.js&lt;/strong&gt;&lt;/a&gt;, the guardian angel of date and time manipulation. Ever needed to format a date, calculate durations, or display something like "2 days ago"? Moment.js has got your back. It's a lifesaver for anything date and time-related, making it a must-have in your project, especially if you're into making your users feel like you really get them.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/n80RRNS1k64"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  6. PM2
&lt;/h2&gt;

&lt;p&gt;Meet &lt;a href="https://pm2.keymetrics.io/"&gt;&lt;strong&gt;PM2&lt;/strong&gt;&lt;/a&gt;, the process manager that’s here to make your deployment woes disappear. It helps you manage your Node.js processes like a boss, ensuring everything runs smoothly in production. With features like clustering, load balancing, and centralized logging, PM2 is like having a command center for your applications. It's the kind of tool that makes you wonder how you ever lived without it.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/4bS7KS_s8Go"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Cheerio
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://cheerio.js.org/"&gt;&lt;strong&gt;Cheerio&lt;/strong&gt;&lt;/a&gt; is your ticket to the world of server-side magic, allowing you to manipulate HTML and XML documents with &lt;a href="https://jquery.com/"&gt;jQuery&lt;/a&gt;-like syntax. It’s perfect for web scraping, data extraction, or just making sense of the mess that is web content. With Cheerio, you get to play around with the DOM, use CSS selectors, and basically do all the cool things you'd do in the browser, but server-side.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/H8Sh9_n1MPA"&gt;
&lt;/iframe&gt;
&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/KhtEmR2A1Fw"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Passport.js
&lt;/h2&gt;

&lt;p&gt;Last but not least, &lt;a href="https://www.passportjs.org/"&gt;&lt;strong&gt;Passport.js&lt;/strong&gt;&lt;/a&gt; is here to take the pain out of user authentication. Whether you’re implementing local auth, social logins, or OAuth, Passport makes it a breeze. It’s all about letting you focus on the fun parts of your project while it handles the nitty-gritty of user management.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/F-sFp_AvHc8"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;And there you have it - the top 8 NPM packages that are sure to give your JavaScript projects a boost in 2024. &lt;a href="https://evotik.com"&gt;We&lt;/a&gt; use all of these packages, and much more &lt;strong&gt;BUT&lt;/strong&gt; Remember, the best tool for the job is the one that suits your needs, so feel free to explore and experiment. Happy coding!&lt;/p&gt;

&lt;p&gt;Check out our other articles on &lt;a href="https://dev.to/evotik/we-write-javascript-all-day-long-but-php-wins-on-backend-1pg"&gt;PHP&lt;/a&gt; and &lt;a href="https://dev.to/evotik/nuxt-vs-next-biased-opinion-4iei"&gt;Nuxt vs Next.js&lt;/a&gt; OR how &lt;a href="https://www.geocities.ws/evotik/"&gt;we define MVP and think of it&lt;/a&gt; here.&lt;/p&gt;

&lt;p&gt;By the way check our latest &lt;strong&gt;FREE&lt;/strong&gt; chrome extension that helps those who hire through &lt;a href="https://chromewebstore.google.com/detail/linkedin-candidates-expor/cabffljhhneflnhggogdkfidppbnbnkc?hl=en&amp;amp;authuser=1"&gt;LinkedIn export job applicants here&lt;/a&gt;, it is built using pure Javascript and Tailwind CSS, let me know if this is an interesting subject you want to read about (building a chrome extension)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/evotik/release-of-nodejs-22-live-what-is-new-100f"&gt;NodeJS 22 is Live&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Explain Nuxt Routing Like I'm Five</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Tue, 02 Apr 2024 16:32:02 +0000</pubDate>
      <link>https://forem.com/evotik/explain-nuxt-routing-like-im-five-1i01</link>
      <guid>https://forem.com/evotik/explain-nuxt-routing-like-im-five-1i01</guid>
      <description>&lt;p&gt;Explain how Nuxt Routing works under the hood with most simple terms possible.&lt;/p&gt;

</description>
      <category>explainlikeimfive</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Nuxt vs Next | Biased Opinion</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Mon, 01 Apr 2024 22:46:59 +0000</pubDate>
      <link>https://forem.com/evotik/nuxt-vs-next-biased-opinion-4iei</link>
      <guid>https://forem.com/evotik/nuxt-vs-next-biased-opinion-4iei</guid>
      <description>&lt;p&gt;Hey there! 🚀 Let's talk about making your coding life a breeze with software frameworks. Yeah, you heard it right. Dive into the world of frameworks, and you're looking at speeding up your project like never before. But first off, what's a javascript framework, and why should you even care?&lt;/p&gt;

&lt;p&gt;Think of a software framework as your coding &lt;strong&gt;superhero&lt;/strong&gt;. It's this awesome set of code that lets you stand on the shoulders of giants, so you don't have to reinvent the wheel. Back in the day, coders were like lone wolves, crafting every single line of code and logic from scratch. Imagine the time munch that was! Fast forward to now, and you've got the luxury to either go old school or let a framework do the heavy lifting.&lt;/p&gt;

&lt;p&gt;Enter the arena: &lt;a href="https://nextjs.org/"&gt;Next.js&lt;/a&gt; and &lt;a href="https://nuxt.com/"&gt;Nuxt&lt;/a&gt;, two of the coolest JavaScript frameworks on the block for web dev. They’re all about making your coding journey less about the grunt work and more about the fun stuff. This guide’s gonna lean into Nuxt, ‘cause that’s how we roll at &lt;a href="https://evotik.com"&gt;Evotik&lt;/a&gt;, but we’ll peek into Next.js too because, why not?&lt;/p&gt;

&lt;h3&gt;
  
  
  What’s Up with Nuxt?
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/nuxt/nuxt"&gt;Nuxt&lt;/a&gt; is this kickass open-source framework that’s all about building lightning-fast applications without breaking a sweat. It rides on Vue.js, Node.js, Vite, and Babel.js. It's kinda like &lt;a href="https://github.com/vercel/next.js"&gt;Next.js’s&lt;/a&gt; cousin but for the Vue.js fam.&lt;/p&gt;

&lt;h4&gt;
  
  
  Cool Stuff Nuxt Brings to the Table
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Modules Ecosystem:&lt;/strong&gt; It’s like having your own coding genie. You wish for an extension, and &lt;a href="https://nuxt.com/modules"&gt;bam, it’s there&lt;/a&gt;, making your project just the way you want it.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Auto Import:&lt;/strong&gt; Say goodbye to the hassle of importing components manually. &lt;a href="https://nuxt.com/docs/guide/concepts/auto-imports"&gt;Nuxt knows what you need before you do&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data Fetching:&lt;/strong&gt; It’s like having superpowers to call data with minimal effort. Whether it’s a simple fetch or something more complex, &lt;a href="https://nuxt.com/docs/getting-started/data-fetching"&gt;Nuxt has your back&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Nuxt vs. Next.js: The Showdown
&lt;/h3&gt;

&lt;p&gt;Both frameworks are here to make your life easier, but they’ve got their own flavors. Next.js is all about &lt;a href="https://react.dev/"&gt;React&lt;/a&gt;, and Nuxt is your Vue.js go-to. Here’s the lowdown on making them work for you.&lt;/p&gt;

&lt;p&gt;Cool video talking about Features, Similarities, and Differences&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/aqfZWyABghE"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Getting Started
&lt;/h3&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/dCxSsr5xuL8"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Nuxt is a &lt;a href="https://nuxt.com/docs/getting-started/introduction"&gt;breeze to get going&lt;/a&gt;. Just run this in your terminal and you're set to start your project.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npx nuxi@latest init &amp;lt;project-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;code &amp;lt;project-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cd &amp;lt;project-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;yarn install
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;OR&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;or package manager of your choice! and you are live!&lt;/p&gt;

&lt;h3&gt;
  
  
  Syntax That Speaks to You
&lt;/h3&gt;

&lt;p&gt;Nuxt keeps it real with a syntax that feels familiar and easy to get along with. It’s all about making your dev life smoother.&lt;/p&gt;

&lt;h3&gt;
  
  
  Speed and Performance? Yes, Please!
&lt;/h3&gt;

&lt;p&gt;Both frameworks are speed demons, but we’re all about that Nuxt life. It’s fast, it’s furious, and it gets your web apps zooming.&lt;/p&gt;

&lt;h3&gt;
  
  
  Easy on the Brain
&lt;/h3&gt;

&lt;p&gt;Nuxt is like that friend who makes complex stuff seem easy. If you’re new to this or just want something that doesn’t make your brain hurt, Nuxt is your buddy.&lt;/p&gt;

&lt;h3&gt;
  
  
  Community and Future-Proofing
&lt;/h3&gt;

&lt;p&gt;Sure, Next.js has a massive following, but Nuxt isn’t far behind. It’s got a solid community and a bright future, especially for Vue.js enthusiasts.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why Nuxt Rocks (and Where It’s a Bit Rocky)
&lt;/h3&gt;

&lt;p&gt;Nuxt is a dream for SEO, speed, and ease of learning. But, it’s not without its quirks. The community is growing but isn’t as vast as Next.js, and some custom stuff might take a bit of tinkering.&lt;/p&gt;

&lt;h3&gt;
  
  
  So, What’s It Gonna Be?
&lt;/h3&gt;

&lt;p&gt;Your project, your rules. If you’re all about Vue.js and want something that blends power with ease, Nuxt is your winner. But hey, Next.js is cool too if React is more your style.&lt;/p&gt;

&lt;h3&gt;
  
  
  Wrap-Up
&lt;/h3&gt;

&lt;p&gt;We’ve cruised through the ins and outs of Nuxt and Next.js. If you’re vibing with Nuxt for your next project, you’re in for a treat. It’s all about making development fun, fast, and fabulous.&lt;/p&gt;

&lt;p&gt;Wanna dive deeper? Check out these rad Nuxt tutorials and amp up your dev game:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=fTPCKnZZ2dk"&gt;Nuxt crash course for Newbies&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=wm5gMKuwSYk"&gt;Next.js for course for Newbies&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And if you’re still on the fence, give Next.js a look-see against other frameworks like RedwoodJS to see what tickles your fancy. Code on, and keep it cool! 🕶️✌️&lt;/p&gt;

&lt;p&gt;Check out our other articles on &lt;a href="https://dev.to/evotik/we-write-javascript-all-day-long-but-php-wins-on-backend-1pg"&gt;PHP&lt;/a&gt; here and &lt;a href="https://dev.to/evotik/get-easy-backlink-from-google-49b2"&gt;Backlink Hack&lt;/a&gt; here OR how &lt;a href="https://www.geocities.ws/evotik/"&gt;we define MVP and think of it&lt;/a&gt; here.&lt;/p&gt;

</description>
      <category>nuxt</category>
      <category>nextjs</category>
      <category>javascript</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Get Easy Backlink From Google!</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Sun, 31 Mar 2024 17:27:18 +0000</pubDate>
      <link>https://forem.com/evotik/get-easy-backlink-from-google-49b2</link>
      <guid>https://forem.com/evotik/get-easy-backlink-from-google-49b2</guid>
      <description>&lt;p&gt;Getting high DR *&lt;em&gt;backlink *&lt;/em&gt; is great,&lt;/p&gt;

&lt;p&gt;How about if it is from &lt;strong&gt;google&lt;/strong&gt; and it is a &lt;strong&gt;DO FOLLOW&lt;/strong&gt; link?&lt;/p&gt;

&lt;p&gt;I am sure it is amazing, and getting that is easy (&lt;em&gt;no catch&lt;/em&gt;).&lt;/p&gt;

&lt;p&gt;While reviewing our projects, I found &lt;strong&gt;chrome extensions&lt;/strong&gt; that we developed but never released (internal use, no payment implemented... etc) then I remembered that one of the important things you fill when publishing a chrome extension is the website, so I went to check one of our live extensions to find that the link to the website is a &lt;strong&gt;DO FOLLOW&lt;/strong&gt; although it was to a domain we are not watching the backlink shows up from google.com&lt;br&gt;
So I switched that extension domain, and just published another chrome extensions to Chrome Web Store, by the way these are fairly simple extensions, one of them you can build under 30 lines of code (or buy under $50).&lt;/p&gt;

&lt;p&gt;For &lt;a href="https://evotik.com"&gt;us&lt;/a&gt; we published (&lt;a href="https://dev.to**url**"&gt;since we can&lt;/a&gt;) a chrome extension that we really needed, whenever we posted a job on LinkedIn it was so hard for us to communicate with candidates, as we invite them first to a pretest (eg &lt;a href="https://x.com/MaenHouseh/status/1770876131131998501?s=20"&gt;here&lt;/a&gt;) which determines if they qualify for interview, so we need to bulk email them, then based on results we send them a calendar link in order to book an interview appointment.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1770876131131998501-176" src="https://platform.twitter.com/embed/Tweet.html?id=1770876131131998501"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1770876131131998501-176');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1770876131131998501&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;So we built a &lt;a href="https://chromewebstore.google.com/detail/linkedin-candidates-expor/cabffljhhneflnhggogdkfidppbnbnkc?hl=en&amp;amp;authuser=1"&gt;chrome extension&lt;/a&gt; that does exactly that. It collects all job posting applicants, then allows you either to copy them to an excel or google sheet, or export them as CSV or Excel. You can even download individual resumes or download them all with 1 click.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/ShNZaYnGoKM"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;The extension is &lt;a href="https://chromewebstore.google.com/detail/linkedin-candidates-expor/cabffljhhneflnhggogdkfidppbnbnkc?hl=en&amp;amp;authuser=1"&gt;released free&lt;/a&gt;, and you can use it as well, and we would love to hear some feedback about it. Anyway back to our subject, you can release simple extensions (simplest is just your logo and on click takes to your site) and it will take 24 hours to be approved and live on chrome web store, maybe you need some advice regarding answering the privacy questions, I ll be happy to help, but in general they are very simple and you should use very simple answers.&lt;/p&gt;

&lt;p&gt;The community on Reddit /r/SEO loved the idea on &lt;a href="https://www.reddit.com/r/SEO/comments/1brs54o/quick_hack_for_a_backlink_from_google/"&gt;our post&lt;/a&gt; so we thought it is great to share here.&lt;/p&gt;

&lt;p&gt;If you want to see more tricks on getting backlinks for your domain, write in the comments so we can post more.&lt;/p&gt;

&lt;p&gt;Other wise check our other articles:&lt;br&gt;
&lt;a href="https://dev.to/evotik/we-write-javascript-all-day-long-but-php-wins-on-backend-1pg"&gt;PHP &amp;gt; JS on Backend&lt;/a&gt;&lt;/p&gt;

</description>
      <category>seo</category>
      <category>marketing</category>
      <category>javascript</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>We write Javascript all day long but PHP wins on backend</title>
      <dc:creator>Evotik</dc:creator>
      <pubDate>Tue, 26 Mar 2024 17:18:12 +0000</pubDate>
      <link>https://forem.com/evotik/we-write-javascript-all-day-long-but-php-wins-on-backend-1pg</link>
      <guid>https://forem.com/evotik/we-write-javascript-all-day-long-but-php-wins-on-backend-1pg</guid>
      <description>&lt;p&gt;Hello, fellow web enthusiasts! Today, &lt;a href="https://evotik.com"&gt;we @ evotik&lt;/a&gt; dive into a hot topic that gets lots of folks talking: the big battle between &lt;strong&gt;JavaScript&lt;/strong&gt; and &lt;strong&gt;PHP&lt;/strong&gt; for the throne of backend development. We all know JavaScript is a superstar for making websites look cool and interactive. It's like the life of the party in web development, making sure users have a fun time clicking around. But when we peek behind the curtain to see who's managing the show, PHP, especially with its buddy Laravel, steals the spotlight.&lt;/p&gt;

&lt;h2&gt;
  
  
  JavaScript: The Cool Kid on the Block
&lt;/h2&gt;

&lt;p&gt;JavaScript is everywhere on the front end, making web pages lively and responsive. It's like magic; with a snap, your page can change without having to reload! And with tools like React, Angular, and Vue.js, creating cool web apps has never been easier. JavaScript has really upped its game, making web development not just easier, but a lot more fun.&lt;/p&gt;

&lt;h2&gt;
  
  
  PHP: The Unsung Hero of the Backend
&lt;/h2&gt;

&lt;p&gt;But here's where things get spicy. Despite JavaScript's fame, PHP is the one pulling the heavy weights in the backend. It's the engine running a huge part of the internet, quietly and powerfully. Think about it: big names like Facebook started with PHP. It's been around, proving its worth.&lt;/p&gt;

&lt;p&gt;And then comes Laravel, PHP's best friend, making PHP even stronger. Laravel is like a magic wand that sorts all the complex stuff, making database work feel like a breeze and keeping your website's back office organized.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1772362190340719093-622" src="https://platform.twitter.com/embed/Tweet.html?id=1772362190340719093"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1772362190340719093-622');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1772362190340719093&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;h2&gt;
  
  
  The Plot Twist
&lt;/h2&gt;

&lt;p&gt;So, why does PHP, with Laravel's help, often beat JavaScript on the backend? Let's stir the pot a bit:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Speed and Power&lt;/strong&gt;: PHP has gotten faster over the years, especially with PHP 7. It's like PHP went to the gym and came back stronger than ever. Laravel makes sure PHP runs like a well-oiled machine, ready to take on loads of web traffic.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Easy to Get Going&lt;/strong&gt;: PHP is like the friendly neighbor that's everywhere. Almost all web hosts love PHP, making it super easy to set up and get your site running. It's like playing on easy mode.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;A Community That Cares&lt;/strong&gt;: PHP and Laravel have a huge family of developers always ready to help. Got a problem? Someone's probably solved it and written about it. This community makes working with PHP and Laravel feel like you're part of a big, supportive team.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  A Little Controversy
&lt;/h2&gt;

&lt;p&gt;Now, for a pinch of controversy: Some folks say JavaScript is the future, with Node.js taking over the backend too. "JavaScript everywhere," they say. But let's not count PHP out. It's been the backbone of the web for years, and with Laravel, it's not going anywhere.&lt;/p&gt;

&lt;p&gt;PHP's not just surviving; it's thriving. And for many of us, it's the go-to for serious backend work. Yes, JavaScript is awesome and does a lot of things well. But when it comes to the heavy lifting on the server side, PHP, especially with Laravel, is hard to beat.&lt;/p&gt;

&lt;h2&gt;
  
  
  Your Turn
&lt;/h2&gt;

&lt;p&gt;So, what do you think? Is PHP with Laravel the unsung hero of the backend, or is JavaScript ready to take over? It's a debate that keeps the web dev community buzzing. Let's chat in the comments. What's been your experience? Any PHP or JavaScript stories to share?&lt;/p&gt;

&lt;p&gt;Remember, whether you're team PHP or team JavaScript, what matters most is building amazing stuff on the web. Let's keep the conversation going and the web development community vibrant and inclusive. Happy coding!&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1770701195830542777-381" src="https://platform.twitter.com/embed/Tweet.html?id=1770701195830542777"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1770701195830542777-381');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1770701195830542777&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;Check our latest articles:&lt;br&gt;
&lt;a href="https://dev.to/evotik/get-easy-backlink-from-google-49b2"&gt;Chrome Extension to Get backlink from Google&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://linktr.ee/evotik"&gt;Evotik Linktr.ee&lt;/a&gt; or &lt;a href="https://about.me/evotik"&gt;Evotik about me&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>php</category>
      <category>laravel</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
