To develop a static site using NextJS and Bootstrap with a given design.
/ You can view a live demo of the project [Please note this site is hosted in free on render so it takes 20 sec for initial load] home page. landing page
The web page has been developed to be an exact replica of the design provided in the Figma link using NextJS and Bootstrap.
The following technologies and best practices have been employed:
-
Javascript, HTML, CSS, NextJS and Bootstrap: The project utilizes a combination of these technologies to create a responsive and visually appealing web page.
-
Responsive Design: The webpage is designed to be fully responsive and should adapt seamlessly to various device widths without any breakage.
-
Components and Containers: Proper use of components and containers has been maintained to ensure code modularity, scalability and reusability.
-
Login & Signup Modals: The login and signup modals are implemented to appear on click, similar to any other modals (non functional).
To run this project locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/thagoo/nextjs-task.git
- Navigate to the project directory:
cd nextjs-task
- Install dependencies:
npm install
- Build the project
npm run build
- Run the production server locally
npm run start
or
- Run the development server:
npm run dev
This will start the respective server, and you can view the webpage by accessing http://localhost:3000 in your browser.
Thank you for checking out my project!