This page has been created using v0. The project can be found on: https://v0.dev/r/KAq17dBYWv5
- Responsive Web Design (RWD) needs minor tweaks before production-ready.
- When running a prompt, the result is there, but on the next prompt the app often almost always requires browser reload.
- Image optimization improvements related to LCP,
<Image />
fromnext/image
could've been used instead of<img>
(tweak inimages.unoptimized: true
was required to deploy statically). - Aligning text to good lucking doesn't work - almost doesn't make a use of centering and justyfing text.
- Animations aren't working, in best case heavily broken.
- Confuses some social network icons, such as
Discord
(it generates really unknown logo),TikTok
(it generatesYouTube
logo), andX
(it generates x itself). - It can't generate original
Download on App/Google store
images + the generated icons for stores aren't RWD. - Missing
default
onexport
while trying to make pages via routes out of this. - Slightly problematic setup with
globals.css
when trying to leveragepages
/add routing even though as per official docs it's looking correctly. - Deployment, at least to
Vercel
, should've been out-of-the-box, but in fact it requires tweaks withoutput: "export"
in thenext.cponfig.mjs
for static deployment (eventually ditched the idea) and extra setup inVercel
Project Settings for a normal one (selecting manuallyNext.js
as a framework, otherwise it deploys404
). target="_blank"
(withrel="noopener"
) could've been generated for external-looking links.- No metadata is generated.
- Favicon not working on production.
- Great kick off for styles.
- The code is in a good quality.
- Couldn't generate Dark/Light theme toggles.
- Good project structure.
- Support for TypeScript is well.
- Up-to-date dependencies.
- Analytics could've been added when developing (landing) pages, but as a fair point if it aims to be just for creating component it's unnecessary.
- Components seems to be looking the same across different projects as per https://www.reddit.com/r/nextjs/comments/1b0ha1l/comment/kscs87l/, that would probably mean components for Dark theme aren't even possible to generate.
- Performance metrics are looking very good.
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.