22 | )
23 | }
24 |
--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | padding: 0;
4 | margin: 0;
5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
6 | Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
7 | }
8 |
9 | * {
10 | box-sizing: border-box;
11 | }
12 |
13 | main {
14 | padding: 5rem 0;
15 | flex: 1;
16 | display: flex;
17 | flex-direction: column;
18 | justify-content: center;
19 | align-items: center;
20 | }
21 |
22 | code {
23 | background: #fafafa;
24 | border-radius: 5px;
25 | padding: 0.75rem;
26 | font-family: Menlo, Monaco, Lucida Console, Courier New, monospace;
27 | }
28 |
29 | .container {
30 | height: 100vh;
31 | display: flex;
32 | flex-direction: column;
33 | justify-content: center;
34 | align-items: center;
35 | }
36 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Next + Netlify Starter
2 |
3 | [](https://app.netlify.com/sites/next-dev-starter/deploys)
4 |
5 | This is a [Next.js](https://nextjs.org/) v12 project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) and set up to be instantly deployed to [Netlify](https://url.netlify.com/SyTBPVamO)!
6 |
7 | This project is a very minimal starter that includes 2 sample components, a global stylesheet, a `netlify.toml` for deployment, and a `jsconfig.json` for setting up absolute imports and aliases. It also includes the [Essential Next.js Build Plugin](https://github.com/netlify/netlify-plugin-nextjs), which will allow for you to implement features like Preview Mode, server-side rendering/incremental static regeneration via Netlify Functions, and internationalized routing.
8 |
9 | [](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/next-netlify-starter&utm_source=github&utm_medium=nextstarter-cs&utm_campaign=devex-cs)
10 |
11 | (If you click this button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify)
12 |
13 | ## Getting Started
14 |
15 | First, run the development server:
16 |
17 | ```bash
18 | npm run dev
19 | # or
20 | yarn dev
21 | ```
22 |
23 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
24 |
25 | You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
26 |
27 | ### Installation options
28 |
29 | **Option one:** One-click deploy
30 |
31 | [](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/next-netlify-starter&utm_source=github&utm_medium=nextstarter-cs&utm_campaign=devex-cs)
32 |
33 | **Option two:** Manual clone
34 |
35 | 1. Clone this repo: `git clone https://github.com/netlify-templates/next-netlify-starter.git`
36 | 2. Navigate to the directory and run `npm install`
37 | 3. Run `npm run dev`
38 | 4. Make your changes
39 | 5. Connect to [Netlify](https://url.netlify.com/Bk4UicocL) manually (the `netlify.toml` file is the one you'll need to make sure stays intact to make sure the export is done and pointed to the right stuff)
40 |
--------------------------------------------------------------------------------
/public/netliheart.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------