Web scraper in Nuxt 3 - part I - Introduction and setting up

• demos-nuxt

  2 3 8.9 Vue

  Showcase of what I have learned on my journey with Nuxt

Starting a new project with Nuxt is very simple. In fact, technically all you need are just two files. However, for the begining you should rather follow the Nuxt official recommendations. Or, if you like to, you may also use my own Nuxt Starter project which is already prepared and a bit enhanced with eslint, which I find invaluable in terms of code maintenance. To start benefiting from eslint’s static code analysis, you need to install an extension into VS Code.

• nuxt-starter

  1 0 5.7 Vue

  A simple working starter for new Nuxt project

Starting a new project with Nuxt is very simple. In fact, technically all you need are just two files. However, for the begining you should rather follow the Nuxt official recommendations. Or, if you like to, you may also use my own Nuxt Starter project which is already prepared and a bit enhanced with eslint, which I find invaluable in terms of code maintenance. To start benefiting from eslint’s static code analysis, you need to install an extension into VS Code.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• TypeScript

  1,305 97,944 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

Btw. I am fan of TypeScript, so while it is not strictly necessary to use TS in Nuxt, I’ll be using it from now on. I believe it is totally worth investing a little effort to overcome possible initial confusion, get familiar with its key concepts and start benefiting from increased type safety. You can still change every .ts suffix for .js and just ignore all the green type-related stuff in source code examples.

• nuxt

  91 51,906 9.9 TypeScript

  The Intuitive Vue Framework.

  

Alright, as you may have already heard, Nuxt 3 is a Vue.js-based framework for creating amazing websites. So why would I pick it for this typically backend task? Well for a good two years Nuxt is my favorite tool to build web projects and yea, watch out, we might have a little law of the instrument over there, but I believe it is quite suitable for it as well.

• node

  925 103,799 9.9 JavaScript

  Node.js JavaScript runtime ✨🐢🚀✨

  

That implies you have some local JS runtime, probably Node.js (I am not familiar with things like Deno or Bun, so I can’t guarantee things would work there).

• nitro

  20 5,045 9.8 TypeScript

  Next Generation Server Toolkit. Create web servers with everything you need and deploy them wherever you prefer.

  

Nuxt is powered by an internal server called Nitro. You can see its manifestation in the terminal console right after you start your local dev server:

• ESLint

  380 24,281 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

Starting a new project with Nuxt is very simple. In fact, technically all you need are just two files. However, for the begining you should rather follow the Nuxt official recommendations. Or, if you like to, you may also use my own Nuxt Starter project which is already prepared and a bit enhanced with eslint, which I find invaluable in terms of code maintenance. To start benefiting from eslint’s static code analysis, you need to install an extension into VS Code.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Visual Studio Code

  2,840 158,095 10.0 TypeScript

  Visual Studio Code

  

It is good to have an IDE, while I believe VS Code is the best possible option for JavaScript projects. But if you would rather use something else, be my guest.

• bun

  288 70,488 10.0 Zig

  Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

  

That implies you have some local JS runtime, probably Node.js (I am not familiar with things like Deno or Bun, so I can’t guarantee things would work there).

Suggest a related project