https://github.com/writeonlycode/next-landing
Next Landing is a landing page project built with Next.js, designed to provide small businesses with a clean and professional online presence.
https://github.com/writeonlycode/next-landing
landing-page nextjs static-website typescript
Last synced: about 1 month ago
JSON representation
Next Landing is a landing page project built with Next.js, designed to provide small businesses with a clean and professional online presence.
- Host: GitHub
- URL: https://github.com/writeonlycode/next-landing
- Owner: writeonlycode
- Created: 2023-03-26T08:52:22.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-10T07:23:00.000Z (over 2 years ago)
- Last Synced: 2024-12-29T07:44:55.666Z (about 1 year ago)
- Topics: landing-page, nextjs, static-website, typescript
- Language: TypeScript
- Homepage: https://next-landing-blue.vercel.app
- Size: 81.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next Landing
This is a landing page project built with Next.js, designed to provide small
businesses with a clean and professional online presence. The landing page is
easily customizable and can be configured using YAML files, making it simple to
update and maintain.
Next.js is a powerful framework that offers many advantages, including easy
setup, optimized performance, built-in SEO support, and high customizability
and extensibility. Additionally, the landing page uses static site generation,
resulting in faster load times, improved SEO, and reduced server load.
We believe this landing page project will be a valuable asset for small
businesses seeking to establish an online presence.
## Demo Website
To see a live demo of the Next Landing website, please visit
https://next-landing-blue.vercel.app/. Please note that this is a demo website
and not a official website. If you have any questions or feedback, please feel
free to contact us!
## Project Setup
1. Clone the repository.
2. Install dependencies by running `npm install`.
3. Configure the title and metatags of the website using the
`/config/config.yaml` file.
4. Configure the menu with the `/config/menu.yaml` file.
5. Configure the content of the sections of the landing page by editing the
YAML files inside the `/data` directory.
## Running Locally
To run the development version of the landing page locally, use the following
command:
```bash
npm run dev
```
This will start the development server at `http://localhost:3000/`.
To run the production version of the landing page locally, use the following
commands:
```bash
npm run build
npm run start
```
This will build the production version of the landing page and start the server
at `http://localhost:3000/`.
## Deploying to Vercel
To deploy the landing page to Vercel, follow these steps:
1. Create an account on Vercel.
2. Install the Vercel CLI by running `npm install -g vercel`.
3. Run `vercel login` and follow the prompts to authenticate your account.
4. Run `vercel` to deploy the project to Vercel.
5. Follow the prompts to configure your deployment settings.
Once the deployment is complete, your landing page will be live at the URL
provided by Vercel.
Thank you for choosing this landing page project!
## Screenshots
