This is a Next.js Starter made by Navneet Singh.

How to start:

First install these extensions:

ESLint,
Prisma,
Prettier,
Tailwind CSS IntelliSense
ES7+ React/Redux/React-Native snippets,

Then install packages:

bun install

bun update

Now run the development server:

bun --bun run dev

Open http://localhost:3000 with your browser to see the result.

Note: Make Sure to set your settings.json like this:

{
    // Editor settings
    "window.commandCenter": true,
    "editor.minimap.enabled": true,
    "editor.wordWrap": "bounded",
    "editor.fontLigatures": true,
    "editor.minimap.size": "fill",
    "editor.minimap.autohide": true,
    "editor.smoothScrolling": true,
    "editor.cursorBlinking": "expand",
    "editor.cursorSmoothCaretAnimation": "on",
    "editor.mouseWheelZoom": true,
    "editor.suggest.showClasses": true,
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": true,
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.linkedEditing": true,
    "files.trimTrailingWhitespace": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": "always",
      "source.addMissingImports": "always"
    },
    "editor.quickSuggestions": {
      "strings": true
    },
    "git.autofetch": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "typescript.updateImportsOnFileMove.enabled": "always",
    "explorer.confirmDragAndDrop": false,

    // Font settings
    "editor.fontFamily": "JetBrainsMono Nerd Font",
    "scm.inputFontFamily": "JetBrainsMono Nerd Font",
    "chat.editor.fontFamily": "JetBrainsMono Nerd Font",
    "debug.console.fontFamily": "JetBrainsMono Nerd Font",
    "editor.codeLensFontFamily": "JetBrainsMono Nerd Font",
    "notebook.output.fontFamily": "JetBrainsMono Nerd Font",
    "markdown.preview.fontFamily": "JetBrainsMono Nerd Font",
    "editor.inlayHints.fontFamily": "JetBrainsMono Nerd Font",
    "terminal.integrated.fontFamily": "JetBrainsMono Nerd Font",

    // Tailwind CSS and Emmet settings
    "tailwindCSS.emmetCompletions": true,
    "emmet.includeLanguages": {
      "html": "html",
      "css": "css",
      "javascript": "javascriptreact",
      "typescript": "typescriptreact",
      "markdown": "html"
    },

    // Language-specific settings
    "[typescriptreact]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[markdown]": {
      "files.trimTrailingWhitespace": false
    },

    // Other settings
    "nxConsole.showNodeVersionOnStartup": false,
    "terminal.integrated.enableMultiLinePasteWarning": "never",
    "window.zoomLevel": 0.5,
    "scm.alwaysShowRepositories": true,
    "scm.alwaysShowActions": true,
    "cursor.aipreview.enabled": true
  }

THANK 💖 YOU!