A simple clone of Credit Karma's landing page built with Next.js and Tailwind CSS, and hosted on Vercel.
This project was bootstrapped with create-next-app
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen 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.
http://localhost:3000/api/hello is an example endpoint that uses Route Handlers. This endpoint can be edited in app/api/hello/route.js.
The api folder is where you can write all your backend code seamlessly with your frontend code.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
You can manually install the Tailwind CSS library by following the official Tailwind guide.
If you are using the create-next-app script, the CLI will ask if you want to use Tailwind CSS and automatically install the library for you during the creation of your new Next.js project.
create-next-app will also automatically configure your template paths and add the Tailwind directives to your global.css file.
Happy styling with Tailwind CSS!
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.
Check out the Next.js GitHub repository.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js. With just a few steps, you can get your Next.js app up and running in less than 5 minutes!
Check out the Next.js deployment documentation for more details.
See something that can be improved? Let me know! Your feedback and contributions are welcome!