Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/redpangilinan/next-shadcn-landing
Easy to setup. Customizable. Quick. Responsive.
https://github.com/redpangilinan/next-shadcn-landing
landing-page nextjs nextjs-app-router shadcn-ui template
Last synced: about 2 months ago
JSON representation
Easy to setup. Customizable. Quick. Responsive.
- Host: GitHub
- URL: https://github.com/redpangilinan/next-shadcn-landing
- Owner: redpangilinan
- License: mit
- Created: 2023-07-22T14:57:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-07T14:05:04.000Z (about 1 year ago)
- Last Synced: 2023-11-07T15:27:10.841Z (about 1 year ago)
- Topics: landing-page, nextjs, nextjs-app-router, shadcn-ui, template
- Language: TypeScript
- Homepage: https://nextlanding.rdev.pro
- Size: 526 KB
- Stars: 26
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next Landing
Easy to setup, customizable, quick, and responsive landing page starter built with [Next.js](https://nextjs.org) and [shadcn/ui](https://ui.shadcn.com).
- [Live Preview](https://nextlanding.rdev.pro)
## Preview
## Getting Started
Follow the instructions based on the package manager you use (npm/pnpm)
### Start by setting up a new project
```bash
npx degit redpangilinan/next-shadcn-landing my-app
```
```bash
pnpm dlx degit redpangilinan/next-shadcn-landing my-app
```
### Change package.json name
```json
"name": "next-shadcn-landing",
```
to
```json
"name": "my-app",
```
### Install dependencies
```bash
npm install
```
```bash
pnpm install
```
### Run the newly created app
```bash
npm run dev
```
```bash
pnpm run dev
```
### That's it
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
Modify the content and website configurations in the `/config` folder.
Modify the layout and routes in the `/app` folder.
Change navigation links by modifying `lib/links.ts` file.
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.