Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve welcome page experience #11908

Closed
atinux opened this issue Sep 29, 2021 — with Volta.net · 1 comment · Fixed by nuxt/framework#745
Closed

Improve welcome page experience #11908

atinux opened this issue Sep 29, 2021 — with Volta.net · 1 comment · Fixed by nuxt/framework#745

Comments

Copy link
Member

atinux commented Sep 29, 2021

Starting npx nuxt dev in an empty project (with only a package.json and node_modules) should work and display the tutorial.

Screenshot 2021-09-29 at 19.38.32.png

✅ This is working perfectly

Then, we create an app.vue file, nothings happens, we stay on the tutorial, the VFS is updated though (http://localhost:4000/_vfs/%2FUsers%2Fatinux%2FProjects%2Fnuxt%2Fframework%2Fexample%2F.nuxt%2Fapp.mjs)

Same we having an app.vue when running the development server and removing it.

One easy solution would be to restart the whole Nuxt dev server since the creation of these file should happen only at the beginning of the project.

@atinux atinux added bug dx labels Sep 29, 2021 — with Volta.net
@pi0 pi0 changed the title Improve app.vue creation/deletion Improve welcome page experience Sep 29, 2021
@pi0
Copy link
Member

pi0 commented Sep 29, 2021

Restarting can be a quick fix indeed and a fresh project has no files so restart is almost instant. I've moved it to #11910

Also in starter templates and CSB, we usually have placeholder app.vue and/or pages/index.vue which we could add a special comment to render welcome page like above until user adds first line of code.

app.vue:

<template>
   <!-- remove this line -->
</template>

As a bonus, we can add a "Get Started" button to the welcome page that makes a server request to update this file (app.vue/pages/index.vue) and remove the placeholder comment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants