How to create Vanilla Javascript and Next.js app

Posted on: January 7th, 2025
By: Tadeo Martinez

The following will prompt you to select from JavaScript, React, Vue or other frameworks.

npm create vite@latest

I don’t think it lets you select Next js. For use the following or go to the website to see the latest command for Next.js. Next.js from my understanding is better for SEO purposes.

npx create-next-app@latest

What is your project named? … paint-innovators
✔ Would you like to use TypeScript? … No / Yes (Yes)
✔ Would you like to use ESLint? … No / Yes (Yes)
✔ Would you like to use Tailwind CSS? … No / Yes (Yes)
✔ Would you like your code inside a src/ directory? … No / Yes (No)
✔ Would you like to use App Router? (recommended) … No / Yes (Yes)
✔ Would you like to use Turbopack for next dev? … No / Yes (Yes)
✔ Would you like to customize the import alias (@/* by default)? … No / Yes (No)

Initializing project with template: app-tw

Installing dependencies:

  • react
  • react-dom
  • next

Installing devDependencies:

  • typescript
  • @types/node
  • @types/react
  • @types/react-dom
  • postcss
  • tailwindcss
  • eslint
  • eslint-config-next
  • @eslint/eslintrc

Have any questions or comments? Write them below!


Leave a Reply

Your email address will not be published. Required fields are marked *