Let all your devices see your site

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • vscode-live-server

    Launch a development local Server with live reload feature for static & dynamic pages.

  • To set the hostname to the desired IP address, use liveServer.settings.host (the default is 127.0.0.1).

  • Nuxt.js

    Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  • With Nuxt.js, use the HOST and (if desired) PORT environment variables with npm run dev as follows, using our example from above (changing the port here, too, from its default of 3000):

  • SurveyJS

    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.

    SurveyJS logo
  • Next.js

    The React Framework

  • If you’re running Next.js, use the -H flag with npx next dev to set the hostname to the desired IP address. To use a different port from the default of 3000, use either the -p flag or the PORT environment variable—PORT=3000, for example—but the latter cannot be set in a project’s .env file. You also can set these parameters in the project’s next.config.js file.

  • Jekyll

    :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

  • Using Jekyll? Use either the -H or --host flag with jekyll serve to set the hostname to the desired IP address. To change the port from the default of 4000, use either the -P or --port flag. You also can set these parameters in the project’s configuration file (_config.yml or _config.toml).

  • Hugo

    The world’s fastest framework for building websites.

  • With the Hugo SSG, you’ll want to add the --bind and --baseURL flags to the usual hugo server command. Using our example IP address (and Hugo's default dev port, 1313) you’d do it this way:

  • astro

    The web framework for content-driven websites. ⭐️ Star to support our work!

  • With the Astro SSG, use the --host flag with astro dev; e.g.:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts