https://github.com/acrool/acrool-react-grid-nextjs
acrool-react-grid by nextJS
https://github.com/acrool/acrool-react-grid-nextjs
grid-system nextjs reactjs styled-component
Last synced: 3 months ago
JSON representation
acrool-react-grid by nextJS
- Host: GitHub
- URL: https://github.com/acrool/acrool-react-grid-nextjs
- Owner: acrool
- Created: 2023-09-18T15:44:18.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T03:19:59.000Z (about 2 years ago)
- Last Synced: 2025-01-15T21:56:38.513Z (over 1 year ago)
- Topics: grid-system, nextjs, reactjs, styled-component
- Language: CSS
- Homepage:
- Size: 234 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Acrool React Grid By NextJS
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
add package [Acrool React Grid](https://github.com/acrool/acrool-react-grid)
## Version
- react: 18.x
- next: 14.x
- styled-component: 5.3.x
- acrool-react-grid: 5.2.x
## Add this step
```
$ npx create-next-app@latest
# What is your project named? my-app
# Would you like to use TypeScript? Yes
# Would you like to use ESLint? Yes
# Would you like to use Tailwind CSS? No
# Would you like to use `src/` directory? Yes
# Would you like to use App Router? (recommended) Yes
# Would you like to customize the default import alias? Yes
# What import alias would you like configured? @/*
```
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
[Online Sample](https://acrool-react-grid-nextjs.pages.dev/)