Skip to content

Commit afdfa43

Browse files
bgoonzbgoonz
committed
update
1 parent 45c655c commit afdfa43

79 files changed

Lines changed: 8631 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎purple-spider-02153/.eslintrc.json‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"env": {
3+
"node" : true,
4+
"es6": true
5+
},
6+
"extends": "eslint:recommended",
7+
"parserOptions": {
8+
"ecmaVersion": 2018
9+
},
10+
"rules": {
11+
"indent": [
12+
"error",
13+
4
14+
],
15+
"linebreak-style": [
16+
"error",
17+
"unix"
18+
],
19+
"quotes": [
20+
"error",
21+
"single"
22+
],
23+
"semi": [
24+
"error",
25+
"always"
26+
],
27+
"no-unused-vars": 0
28+
}
29+
}

‎purple-spider-02153/.prettierrc‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
tabWidth: 4
2+
singleQuote: true
3+
trailingComma: none
4+
printWidth: 160

‎purple-spider-02153/README.md‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
# ✨ Fjord Nextjs Theme ✨
2+
3+
This is Stackbit's "Fjord" theme built with [Next.js](https://nextjs.org/) and
4+
powered by content stored in files.
5+
6+
Click the button below to create a new website from this theme using Stackbit:
7+
8+
<p align="center">
9+
<a href="https://app.stackbit.com/create?theme=https://github.com/stackbit-themes/fjord-nextjs&utm_source=theme-readme&utm_medium=referral&utm_campaign=stackbit_themes"><img alt="Create with Stackbit" src="https://assets.stackbit.com/badge/create-with-stackbit.svg"/></a>
10+
</p>
11+
12+
[Live Site Demo](https://themes.stackbit.com/demos/fjord/)
13+
14+
<img src="https://themes.stackbit.com/images/fjord-demo-1024x768.png" width="600">
15+
16+
The theme can be used to create a static website that is hosted by a serverless
17+
deployment platform such as [Netlify](https://www.netlify.com). The contents of
18+
the website are stored in git with the rest of the site's code.
19+
20+
When deploying the website, [Sourcebit](https://github.com/stackbithq/sourcebit)
21+
reads the site's contents from files and provides it to Next.js. Once Next.js
22+
finishes generating the static website, [Netlify](https://www.netlify.com) pushes
23+
the static files to its CDN.
24+
25+
[Sourcebit](https://github.com/stackbithq/sourcebit) and its plugins, specifically
26+
[`sourcebit-source-filesystem`](https://github.com/stackbithq/sourcebit-source-filesystem)
27+
and [`sourcebit-target-next`](https://github.com/stackbithq/sourcebit-target-next),
28+
are used to read the site's contents from files, normalize it, and provide it to
29+
Next.js pages. It also sets up live updates in development mode allowing you to
30+
update the content files and instantly see your updates in the browser.
31+
32+
33+
## Quick Start 🏎
34+
35+
[Create a site](https://app.stackbit.com/create?theme=https://github.com/stackbit-themes/fjord-nextjs&utm_source=theme-readme&utm_medium=referral&utm_campaign=stackbit_themes) from this theme using Stackbit.
36+
37+
Stackbit will execute following steps for you
38+
39+
- Create a new GitHub repository with the contents of this repository.
40+
- Create [Netlify](https://www.netlify.com) site connected to the GitHub repo
41+
- Deploy the Netlify site.
42+
- Create a "commit" webhook in GitHub that will trigger Netlify deployment as
43+
soon as new commit is pushed to GitHub.
44+
- Create a Stackbit project that will allow you edit your website via on-page
45+
visual editing experience.
46+
47+
48+
## Editing Content 📝
49+
50+
Once Stackbit creates a site, you can start editing the content using the free
51+
on-page editing experience provided by the [Stackbit Studio](https://stackbit.com?utm_source=project-readme&utm_medium=referral&utm_campaign=user_themes).
52+
53+
[![](https://i3.ytimg.com/vi/zd9lGRLVDm4/hqdefault.jpg)](https://stackbit.link/project-readme-lead-video)
54+
55+
Here's a few resources to get you started:
56+
57+
- 📺 &nbsp; [Editing Content](https://stackbit.link/project-readme-editing-video)
58+
- 📺 &nbsp; [Adding, Reordering and Deleting Items](https://stackbit.link/project-readme-adding-video)
59+
- 📺 &nbsp; [Collaboration](https://stackbit.link/project-readme-collaboration-video)
60+
- 📺 &nbsp; [Publishing](https://stackbit.link/project-readme-publishing-video)
61+
- 📚 &nbsp; [Stackbit Documentation](https://stackbit.link/project-readme-documentation)
62+
63+
If you need a hand, make sure to check the [Stackbit support page](https://stackbit.link/project-readme-support).
64+
65+
66+
## Develop Locally
67+
68+
1. [Create a site](https://app.stackbit.com/create?theme=https://github.com/stackbit-themes/fjord-nextjs&utm_source=theme-readme&utm_medium=referral&utm_campaign=stackbit_themes) from this theme using Stackbit.
69+
70+
1. Once finished, you will be redirected to Stackbit Studio where you will be
71+
able to edit the content using the free on-page editing experience, and
72+
publish new versions of your site.
73+
74+
1. To further develop your site, clone the generated repository.
75+
76+
1. Install dependencies
77+
78+
npm install
79+
80+
1. Start the Next.js local development server:
81+
82+
npm run develop
83+
84+
1. Open [http://localhost:3000/](http://localhost:3000/) in the browser to see
85+
your site. You can now edit the site contents, and the browser will
86+
live-update your changes. 🎉
87+
88+
89+
## Building for production 🏗
90+
91+
To build a static site for production, or test locally how it works, run the
92+
following command:
93+
94+
npm run build
95+
96+
The exported site will be written to `out` folder. The contents of this folder
97+
can be deployed by serverless deployment platform such as [Netlify](https://www.netlify.com).
98+
You can start a local server serving the static files from the `out` folder, for
99+
example by installing and running `http-server`:
100+
101+
npm install http-server -g
102+
http-server out

‎purple-spider-02153/content/data/config.json‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
{
2+
"title": "Stackbit Fjord Theme",
3+
"path_prefix": "/",
4+
"palette": "yellow",
5+
"header": {
6+
"title": "Fjord",
7+
"tagline": "Minimal and clean blog theme",
8+
"logo_img": "images/logo.svg",
9+
"logo_img_alt": "Fjord Logo",
10+
"background_img": "images/header-bg.jpg",
11+
"has_nav": true,
12+
"nav_links": [
13+
{
14+
"label": "Home",
15+
"url": "/",
16+
"style": "link"
17+
},
18+
{
19+
"label": "About",
20+
"url": "/about",
21+
"style": "link"
22+
},
23+
{
24+
"label": "Style Guide",
25+
"url": "/style-guide",
26+
"style": "link"
27+
},
28+
{
29+
"label": "Contact",
30+
"url": "/contact",
31+
"style": "link"
32+
}
33+
],
34+
"has_social": true,
35+
"social_links": [
36+
{
37+
"label": "Twitter",
38+
"url": "https://twitter.com/",
39+
"style": "icon",
40+
"icon_class": "twitter",
41+
"new_window": true
42+
},
43+
{
44+
"label": "Instagram",
45+
"url": "https://www.instagram.com/",
46+
"style": "icon",
47+
"icon_class": "instagram",
48+
"new_window": true
49+
},
50+
{
51+
"label": "GitHub",
52+
"url": "https://github.com/",
53+
"style": "icon",
54+
"icon_class": "github",
55+
"new_window": true
56+
},
57+
{
58+
"label": "LinkedIn",
59+
"url": "https://www.linkedin.com/",
60+
"style": "icon",
61+
"icon_class": "linkedin",
62+
"new_window": true
63+
},
64+
{
65+
"label": "DEV",
66+
"url": "https://dev.to/",
67+
"style": "icon",
68+
"icon_class": "dev",
69+
"new_window": true
70+
}
71+
]
72+
},
73+
"footer": {
74+
"content": "&copy; Stackbit. All rights reserved. This Jamstack site was created with <a href=\"https://www.stackbit.com/?utm_source=deployed-footer\" target=\"_blank\" rel=\"noopener\">Stackbit</a>. Create yours <a href=\"https://app.stackbit.com/create?theme=fjord&utm_source=deployed-footer\" target=\"_blank\" rel=\"noopener\">now</a>"
75+
}
76+
}

‎purple-spider-02153/content/pages/about.md‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
title: About Me
3+
subtitle: This is a short page about me and my work
4+
img_path: images/about.jpg
5+
seo:
6+
title: About Me
7+
description: A page about me and my work
8+
extra:
9+
- name: 'og:type'
10+
value: website
11+
keyName: property
12+
- name: 'og:title'
13+
value: About Me
14+
keyName: property
15+
- name: 'og:description'
16+
value: A page about me and my work
17+
keyName: property
18+
- name: 'og:image'
19+
value: images/about.jpg
20+
keyName: property
21+
relativeUrl: true
22+
- name: 'twitter:card'
23+
value: summary_large_image
24+
- name: 'twitter:title'
25+
value: About Me
26+
- name: 'twitter:description'
27+
value: A page about me and my work
28+
- name: 'twitter:image'
29+
value: images/about.jpg
30+
relativeUrl: true
31+
layout: page
32+
---
33+
34+
**John Doe** is a Senior Art Director from [Stockholm](https://en.wikipedia.org/wiki/Stockholm), Sweden. After graduating from The College of Visual Arts with a degree in Communication Design, he worked for three small graphic design shops where he honed his design style and sensibility.
35+
36+
His work has been recognized by Communication Arts, Print, How, ID, IdN, AIGA, Effie, Archive, Graphis, AdFed and Rockport. Graphic Design USA named him a person to watch in 2019.
37+
38+
>The world always seems brighter when you’ve just made something that wasn’t there before. <cite>Neil Gaiman</cite>
39+
40+
As a hobby, John Doe authors the most influential design blog in Sweden with over 100,000 page views a month. He lives in Stockholm with his beautiful wife and two boys.
41+
42+
*Thank You for reading!*

‎purple-spider-02153/content/pages/contact.md‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
---
2+
title: Get in Touch
3+
img_path: images/contact.jpg
4+
form_id: contactForm
5+
form_action: /success
6+
form_fields:
7+
- input_type: text
8+
name: name
9+
label: Name
10+
default_value: Your name
11+
is_required: true
12+
- input_type: email
13+
name: email
14+
label: Email
15+
default_value: Your email address
16+
is_required: true
17+
- input_type: select
18+
name: subject
19+
label: Subject
20+
default_value: Please select
21+
options:
22+
- Error on the site
23+
- Sponsorship
24+
- Other
25+
- input_type: textarea
26+
name: message
27+
label: Message
28+
default_value: Your message
29+
- input_type: checkbox
30+
name: consent
31+
label: >-
32+
I understand that this form is storing my submitted information so I can
33+
be contacted.
34+
submit_label: Send Message
35+
seo:
36+
title: Get in Touch
37+
description: This is the contact page
38+
extra:
39+
- name: 'og:type'
40+
value: website
41+
keyName: property
42+
- name: 'og:title'
43+
value: Get in Touch
44+
keyName: property
45+
- name: 'og:description'
46+
value: This is the contact page
47+
keyName: property
48+
- name: 'og:image'
49+
value: images/contact.jpg
50+
keyName: property
51+
relativeUrl: true
52+
- name: 'twitter:card'
53+
value: summary_large_image
54+
- name: 'twitter:title'
55+
value: Get in Touch
56+
- name: 'twitter:description'
57+
value: This is the contact page
58+
- name: 'twitter:image'
59+
value: images/contact.jpg
60+
relativeUrl: true
61+
layout: contact
62+
---
63+
64+
To get in touch fill the form below.

‎purple-spider-02153/content/pages/index.md‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
title: Home
3+
has_more_link: true
4+
more_link_text: Keep reading
5+
seo:
6+
title: Stackbit Fjord Theme
7+
description: The preview of the Fjord theme
8+
extra:
9+
- name: 'og:type'
10+
value: website
11+
keyName: property
12+
- name: 'og:title'
13+
value: Stackbit Fjord Theme
14+
keyName: property
15+
- name: 'og:description'
16+
value: The preview of the Fjord theme
17+
keyName: property
18+
- name: 'og:image'
19+
value: images/home.jpg
20+
keyName: property
21+
relativeUrl: true
22+
- name: 'twitter:card'
23+
value: summary_large_image
24+
- name: 'twitter:title'
25+
value: Stackbit Fjord Theme
26+
- name: 'twitter:description'
27+
value: The preview of the Fjord theme
28+
- name: 'twitter:image'
29+
value: images/home.jpg
30+
relativeUrl: true
31+
layout: home
32+
---

0 commit comments

Comments
 (0)