From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Layout, homepage, and metadata

Layout, homepage, and metadata - Next.js Tutorial

From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Start my 1-month free trial Buy for my team

Layout, homepage, and metadata

“

Okay, so in the last video we left off Deleting our app folder, so we're going to recreate that now So let's go into the root and create a folder called app, and then let's first create our layout file now with With pages slash react components you can call them either you can use dot Js You can use Jsx you can use if you're using typescript Ts and you can use TSX. Now, we're using JavaScript. We're not using TypeScript. And I prefer to use JSX, OK? So that's what I'll be using. But again, you can use JS as an extension. So in our layout, this is a React component just like any other React component. So I'm going to just use my snippets extension, which is, just to remind you, I mentioned this in the setup video, but this right here, ES7 Plus, React Redux, React Native Snippets. With that, we can use, for instance, RAFCE, which is React Arrow Function Component with an export at the bottom. So that's what I like to do. That's how I like to format my components. So if I do that, you'll…

Contents