Software Development

Setup a Nextjs Landing Page with a Single Click

Save hours with this magical CLI tool

Published on Aug 30, 24 by:
Daniel Craciun
3 min read
Setup a Nextjs Landing Page with a Single Click
This image has been generated by AI. <source>

You can inject a beautiful nextjs landing page with a single command today.

Simply enter this command into your terminal, and watch as your web project transforms in an instant:

npx next-inject add lp

With just one command, you’ll generate a base template, complete with a professional folder structure, beautiful UI components, eslint configuration, and more boring stuff that you don’t have to configure yourself.

But that’s just the beginning. Our tool will then integrate a high-quality landing page into your base template.

And just like that, in under 1 minute, and at no cost, your landing page is ready!

Prerequisites

IIf you’re a Next.js developer, you already have everything you need to run this command.

If you’re new to Next.js and interested in giving this a try, here’s what you’ll need to do:

  1. Install git on your machine.
  2. Install Nodejs
  3. Install npm (linux only)
# Linux (Debian/Ubuntu)
sudo apt update
sudo apt install -y git nodejs npm

# Linux (Red Hat/CentOS)
sudo yum install -y git nodejs npm

# Linux (Fedora)
sudo dnf install -y git nodejs npm

# Windows (if winget is not installed, use Chocolatey as an alternative)
# First install Chocolatey if winget is not available:
# @powershell -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && @refreshenv

# Install Git, Node.js, and npm using winget (if available)
winget install --id Git.Git
winget install --id OpenJS.NodeJS
# npm is included with Node.js

# Or using Chocolatey if winget is not available
choco install git
choco install nodejs-lts

# macOS (using Homebrew)
# First install Homebrew if not installed:
# /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

brew install git node
# npm is included with Node.js

Conclusion

Today called for a short article, but I hope you find this tool useful.

There are many more similar plugins available on my website Next Inject, all of which will configure a part of your application with a single click, so you stop focusing on the setup and focus on coding faster.

If you enjoyed this article, please make sure to Subscribe, Clap, Comment and Connect with me today! 🌐
Want to ship code like a hacker? Visit Next Inject today!
2