https://github.com/dcdms/maker-pre-launch-landing-page
A beautiful pre-launch landing page built with Next.js.
https://github.com/dcdms/maker-pre-launch-landing-page
framer-motion nextjs react react-hook-form tailwindcss typescript zod
Last synced: about 1 year ago
JSON representation
A beautiful pre-launch landing page built with Next.js.
- Host: GitHub
- URL: https://github.com/dcdms/maker-pre-launch-landing-page
- Owner: dcdms
- Created: 2023-07-19T22:06:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T16:59:54.000Z (almost 2 years ago)
- Last Synced: 2024-12-21T12:23:28.521Z (over 1 year ago)
- Topics: framer-motion, nextjs, react, react-hook-form, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://maker-pre-launch-landing-page-omega.vercel.app
- Size: 435 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Maker Pre-launch Landing Page
This is my solution to the ["Maker pre-launch landing page" challenge by Frontend Mentor](https://www.frontendmentor.io/challenges/maker-prelaunch-landing-page-WVZIJtKLd). Therefore, Maker is not a real company or organization.
## Running The Project 🏃
To run the project, you need to have Node.js and Git installed on your machine. You can install Node.js [here](https://nodejs.org/en/download) and Git [here](https://git-scm.com/downloads).
First, navigate to the folder where you want to keep the project folder. Then clone this repository:
```sh
git clone https://github.com/dcdm3g/maker-pre-launch-landing-page
```
Now that you have the project folder, navigate to it and install the dependencies:
```sh
cd maker-pre-launch-landing-page && npm install
```
Perfect! It's almost done! We just need to start Next.js in development mode with the following command:
```sh
npm run dev
```
Everything is ready! The application will start at http://localhost:3000 by default. See [the Next.js documentation](https://nextjs.org/docs) for more information.
## Technologies Used 🧰
- [Next.js](https://nextjs.org)
- [Tailwindcss](https://tailwindcss.com)
- [Typescript](https://typescriptlang.org)
- [React Hook Form](https://react-hook-form.com)
- [Zod](https://zod.dev)
- [Framer Motion](https://framer.com/motion)
- [Eslint](https://eslint.org)
- [Prettier](https://prettier.io)