Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: brijeshb42/pigment-css
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 94d241ae3607754009dd48dd7c4642f6283b7c5a
Choose a base ref
..
head repository: brijeshb42/pigment-css
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 3a3d96c30ba19e38ba883e688217ccba34b80659
Choose a head ref
Showing with 15 additions and 32 deletions.
  1. +15 −32 v1-examples/pigment-css-nextjs-pages-router-ts/README.md
47 changes: 15 additions & 32 deletions v1-examples/pigment-css-nextjs-pages-router-ts/README.md
Original file line number Diff line number Diff line change
@@ -1,40 +1,23 @@
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/pages/api-reference/create-next-app).
# Pigment CSS Next.js example

## Getting Started
This is a minimal Next.js Pages router app using Pigment CSS as the styling solution.

First, run the development server:
The `theme` is declared in `src/theme.ts` file and then imported in `next.config.ts` file.

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/pages/building-your-application/routing/api-routes) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/pages/building-your-application/routing/api-routes) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/pages/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
The Typescript type augmentation has been done in `src/augment.d.ts` file.

## Learn More
## Running locally

To learn more about Next.js, take a look at the following resources:
Use your favorite package manager to first install the dependencies and then starting the dev server.

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn-pages-router) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel
```bash
npm install
npm run dev
```

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.
To build and then run the app,

Check out our [Next.js deployment documentation](https://nextjs.org/docs/pages/building-your-application/deploying) for more details.
```bash
npm run build
npm run start
```