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.js
. 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!
This is a home design website that is fully responsive, non-portfolio, extensive stylised and aims to serve as a standard website for home shopping. The idea for the project was inspired from @frontend-advance
-
Modern Styling: Used Tailwind CSS that allows much different variety of classes and inline by using className. Also they can be used within any div or non div elements. All this wasn't possible in normal CSS styling.
-
Shadcn: A great source repo for building icon, textarea, logos, background and other components for frontend.
-
Next.js-14: Latest version of next js used that makes development in react framework much easier.
-
Balanced use of React components: They didn't have to be used in every links. Good SSR (Server Side Rendering) standards followed.
-
Great animations: All done with the help of framer-motion. Container variants with type, delay and variation property, both offscreen and onscreen can be used in any react or app components.