Skip to content

Commit

Permalink
big bang
Browse files Browse the repository at this point in the history
  • Loading branch information
cubedhuang committed Apr 11, 2022
1 parent 77ca23d commit 2396a89
Show file tree
Hide file tree
Showing 43 changed files with 2,011 additions and 2,744 deletions.
3 changes: 3 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"extends": "next/core-web-vitals"
}
7 changes: 7 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"arrowParens": "avoid",
"endOfLine": "lf",
"tabWidth": 4,
"trailingComma": "none",
"useTabs": true
}
49 changes: 2 additions & 47 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,48 +1,3 @@
# Next.js TailwindCSS Typescript Starter
This is a [Next.js](https://nextjs.org/) 12.x, [TailwindCSS](https://tailwindcss.com/) 3.x, and [TypeScript](https://www.typescriptlang.org/docs/home.html) 4.x starter template
# dan.onl

For more details, see my blog post. [Nextjs TailwindCSS Typescript Starter](https://dev.to/vuongddang/nextjs-tailwindcss-typescript-starter-1c2m)

## How to use this template
Here're a few ways to create your new project using this template.
### Using `create-next-app`
Create a new next.js app from the template using [create-next-app](https://github.com/vercel/next.js/tree/canary/packages/create-next-app)
```
npx create-next-app --example "https://github.com/vuongddang/nextjs-tailwindcss-typescript-starter/tree/main"
# or
yarn create next-app --example "https://github.com/vuongddang/nextjs-tailwindcss-typescript-starter/tree/main"
```

### Create new repository from github [template](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-repository-from-a-template)

You can generate a new repository with the same directory structure and files by click `Use this template` button in the upper right or [click here](https://github.com/vuongddang/nextjs-tailwindcss-typescript-starter/generate).

## Getting Started
Install dependencies:
```bash
npm install
# or
yarn install
```
Run the development server:

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

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

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


## Deploy on Vercel

Once you have the project running locally you can [import](https://vercel.com/import/git) your project to Vercel and get it up and running in a few clicks.

Other option is to click on the button below to create a new repository that look exactly like this one, and sets it up and running on Vercel.

[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/vuongddang/nextjs-tailwindcss-typescript-starter/tree/main)

Check out [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
This is my personal website. (definitely not the 4th time I've written this)
8 changes: 8 additions & 0 deletions next.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
module.exports = {
reactStrictMode: true,
swcMinify: true,
i18n: { locales: ["en-US"], defaultLocale: "en-US" },
images: {
domains: ["cdn.discordapp.com", "i.scdn.co"]
}
};
Loading

0 comments on commit 2396a89

Please sign in to comment.