Giters

nuxt / nuxt.new

Create a new Nuxt project from your address bar.

Home Page:https://nuxt.new

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MVP Launch

atinux opened this issue · comments

commented

Ives from CodeSandBox generously gave us nuxt.new, giving us the chance to improve the Nuxt creation workflow at the address bar level 🚀

Figma: https://www.figma.com/file/dN1oInWdK9VifROnxPvoMw/Nuxt.new?node-id=2%3A12672

Landing page:

Landing Page nuxt new

Here are the following tasks for the MVP I imagine, but happy for you to handle it the way you seems best 😊

  • Setup Nuxt 3 project
  • data/starters.json file with the list of branch of https://github.com/nuxt/starter
  • data/themes.json file with the list of themes from https://github.com/nuxt-themes (alpine, docus, elements)
  • Server route: /c/:starter-or-theme -> redirect 302 to its CodeSandBox url
  • Server route: /s/:starter-or-theme -> redirect 302 to its StackBlitz url
  • Server route: /:theme -> redirect 302 to its deployed version: [theme].nuxt.dev/?studio (used for the Edit button for projects using Studio)
  • app.vue
    • List of the starters (title, description, nuxt logo) if starter or screenshot for theme) with a group button: Open on CodeSandbox | StackBlitz
    • List of the themes (title, description, screenshot) with two button: Edit (with Nuxt logo) and a group button: Open on CodeSandbox | StackBlitz (hidden for the release)
commented

@SarahM19 can you draft a social preview card for it as well?

commented

What do you think of adding a third button with a terminal icon with “nuxi” that will copy the nuxi init command to the clipboard?

commented

I think we can expose a JSON from main branch of nuxt/starter for easy listing => nuxt/starter#94

commented

(Will migrate JSON across to nuxt/starter once things are signed off.)

Are we happy with https://nuxt-7wwwe3nlu-nuxtlabs.vercel.app/ as the design? (Might be worth checking footer given that I've dropped the themes + restored older Nuxt logo for a this-week launch.)