My Next Project

npx create-next-app took ~ 1min Add components\note\NewNoteForm.js and its css return above component from main index.js pages\index.js import NewNoteForm from "../components/note/NewNoteForm"; export default function Home() { return <NewNoteForm />; } Notice that Card is needed Add: components\ui\Card.js components\ui\Card.module.css Note finally looks: Styling needed at root: Remember this, maybe _app.js that will work on ALL pages. Will do later Customize NewNoteForm Add a heading remove unwanted fields and code to read them...

May 17, 2022 · 11 min · Anant

Day9 #100DaysOfCode

Adding metadata Adding head elements: description metatag: shows up on google search results. title import a special component by nextjs: Head import Head from 'next/head' wrap with Fragment from react: add <title> in <Head> Inspect - it gets added. <meta name='description' content = ''> We can do this on all pages. Add this to: Homepage [noteId].js - get title, description from props Add Note Deploying the Site! 😍 Vercel Signup with a git repo provider....

May 16, 2022 · 3 min · Anant