-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor(package): ♻️ add index page & update package json
- Loading branch information
1 parent
93ef51a
commit baefdfa
Showing
4 changed files
with
146 additions
and
107 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,85 +1,12 @@ | ||
| import Head from "next/head"; | ||
| import Image from "next/image"; | ||
| import { Button } from "../components"; | ||
|
|
||
| export default function Home() { | ||
| return ( | ||
| <div className="flex flex-col items-center justify-center min-h-screen py-2"> | ||
| <Head> | ||
| <title>Create Next App</title> | ||
| <link rel="icon" href="/favicon.ico" /> | ||
| </Head> | ||
|
|
||
| <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center"> | ||
| <h1 className="text-6xl font-bold"> | ||
| Welcome to{" "} | ||
| <a className="text-blue-600" href="https://nextjs.org"> | ||
| Next.js! | ||
| </a> | ||
| </h1> | ||
|
|
||
| <p className="mt-3 text-2xl"> | ||
| Get started by editing{" "} | ||
| <code className="p-3 font-mono text-lg bg-gray-100 rounded-md"> | ||
| pages/index.js | ||
| </code> | ||
| </p> | ||
|
|
||
| <div className="flex flex-wrap items-center justify-around max-w-4xl mt-6 sm:w-full"> | ||
| <a | ||
| href="https://nextjs.org/docs" | ||
| className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600 transition-all" | ||
| > | ||
| <h3 className="text-2xl font-bold">Documentation →</h3> | ||
| <p className="mt-4 text-xl"> | ||
| Find in-depth information about Next.js features and API. | ||
| </p> | ||
| </a> | ||
|
|
||
| <a | ||
| href="https://nextjs.org/learn" | ||
| className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600 transition-all" | ||
| > | ||
| <h3 className="text-2xl font-bold">Learn →</h3> | ||
| <p className="mt-4 text-xl"> | ||
| Learn about Next.js in an interactive course with quizzes! | ||
| </p> | ||
| </a> | ||
|
|
||
| <a | ||
| href="https://github.com/vercel/next.js/tree/master/examples" | ||
| className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600 transition-all" | ||
| > | ||
| <h3 className="text-2xl font-bold">Examples →</h3> | ||
| <p className="mt-4 text-xl"> | ||
| Discover and deploy boilerplate example Next.js projects. | ||
| </p> | ||
| </a> | ||
|
|
||
| <a | ||
| href="https://vercel.com/import?filter=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" | ||
| className="p-6 mt-6 text-left border w-96 rounded-xl hover:text-blue-600 focus:text-blue-600 transition-all" | ||
| > | ||
| <h3 className="text-2xl font-bold">Deploy →</h3> | ||
| <p className="mt-4 text-xl"> | ||
| Instantly deploy your Next.js site to a public URL with Vercel. | ||
| </p> | ||
| </a> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer className="flex items-center justify-center w-full h-24 border-t"> | ||
| <a | ||
| className="flex items-center justify-center" | ||
| href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Powered by{" "} | ||
| <span className="h-4 ml-2"> | ||
| <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> | ||
| </span> | ||
| </a> | ||
| </footer> | ||
| <div style={{ display: "flex", justifyContent: "center" }}> | ||
| <h1> | ||
| <p>Next React App</p> | ||
| </h1> | ||
| <Button>Hi</Button> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| // If you want to use other PostCSS plugins, see the following: | ||
| // https://tailwindcss.com/docs/using-with-preprocessors | ||
| module.exports = { | ||
| plugins: ["tailwindcss", "autoprefixer"], | ||
| plugins: ["tailwindcss/nesting", "tailwindcss", "autoprefixer"], | ||
| }; |
Oops, something went wrong.