https://github.com/joysarkarbd/research-paper-app
https://github.com/joysarkarbd/research-paper-app
nextjs taiwlindcss
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/joysarkarbd/research-paper-app
- Owner: JoySarkarBD
- License: mit
- Created: 2023-10-04T05:44:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-07T15:52:56.000Z (about 2 years ago)
- Last Synced: 2025-01-11T07:45:06.499Z (9 months ago)
- Topics: nextjs, taiwlindcss
- Language: TypeScript
- Homepage:
- Size: 2.32 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Next.js 13 Admin Dashboard Template
Built with the Next.js App Router
## Overview
This is a starter template using the following stack:
- Framework - [Next.js 13](https://nextjs.org/13)
- Language - [TypeScript](https://www.typescriptlang.org)
- Auth - [NextAuth.js](https://next-auth.js.org)
- Database - [PlanetScale](https://planetscale.com)
- Deployment - [Vercel](https://vercel.com/docs/concepts/next.js/overview)
- Styling - [Tailwind CSS](https://tailwindcss.com)
- Components - [Tremor](https://www.tremor.so)
- Analytics - [Vercel Analytics](https://vercel.com/analytics)
- Linting - [ESLint](https://eslint.org)
- Formatting - [Prettier](https://prettier.io)
This template uses the new Next.js App Router. This includes support for enhanced layouts, colocation of components, tests, and styles, component-level data fetching, and more.
## Getting Started
After creating an account with PlanetScale, you'll need to create a new database and retrieve the `DATABASE_URL`. Optionally, you can use Vercel integration, which will add the `DATABASE_URL` to the environment variables for your project.
This is the provided `.env.local.example` file, which you'll want to use to create your own `.env.local` file:
```
# https://vercel.com/integrations/planetscale
DATABASE_URL=
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET= # Linux: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32
# https://next-auth.js.org/providers/github
GITHUB_ID=
GITHUB_SECRET=
```
Next, inside PlanetScale, create a users table based on the schema defined in this repository.
```
CREATE TABLE `users` (
`id` int NOT NULL AUTO_INCREMENT,
`email` varchar(255) NOT NULL,
`name` varchar(255),
`username` varchar(255),
PRIMARY KEY (`id`)
);
```
Insert a row for testing:
```
INSERT INTO `users` (`id`, `email`, `name`, `username`) VALUES (1, 'me@site.com', 'Me', 'username');
```
Finally, run the following commands to start the development server:
```
pnpm install
pnpm dev
```
You should now be able to access the application at http://localhost:3000.