v4iv / gatsby-starter-business Goto Github PK
View Code? Open in Web Editor NEWGatsby Business Website Starter
Home Page: https://gatsby-starter-business.netlify.app/
License: MIT License
Gatsby Business Website Starter
Home Page: https://gatsby-starter-business.netlify.app/
License: MIT License
I'm pretty new to this but the site title seems to be hard coded into each page.
Is that how it's supposed to be?
I don't seem to be able to change the colors used in the default site. Where do I find the classes like footer
and container
used in the HTML?
npm WARN deprecated [email protected]: this library is no longer supported
Is there some way to clear the search field when clicking on one of the search dropdown links.
Besides that nice work!
Thanks
Donald Boulton
when at /blog, the [next page] button moves to /2 instead of /blog/2
The lines 54 and 55 have
datePublished: date, dateModified: date,
If you test this with lets say Googles structured data testing tool Post Test
You will see the error.
How to fix?
Hey there, thanks for this starter!
It looks interesting and I appreciate how you make everything editable through netlify cms.
I wanted to give it a try, but sadly the develop build fails.
Running gatsby build
fails with exit code 134 and this output:
[...] // all good up to this point
success run static queries - 0.012 s — 1/1 106.03 queries/second
⠋ Building production JavaScript and CSS bundles
<--- Last few GCs --->
[10220:0x3773400] 31655 ms: Mark-sweep 1314.9 (1451.5) -> 1311.9 (1453.5) MB, 1782.6 / 0.0 ms (average mu = 0.080, current mu = 0.008) allocation failure scavenge might not succeed
[10220:0x3773400] 33380 ms: Mark-sweep 1320.2 (1453.5) -> 1319.7 (1455.0) MB, 1711.5 / 0.0 ms (average mu = 0.044, current mu = 0.008) allocation failure scavenge might not succeed
<--- JS stacktrace --->
==== JS stack trace =========================================
0: ExitFrame [pc: 0x39df90bdbe1d]
Security context: 0x1e20dd29e6e9 <JSObject>
1: /* anonymous */ [0x192d0c3dd5a1] [/home/csc/Code/apo/node_modules/acorn-dynamic-import/node_modules/acorn/dist/acorn.js:~2695] [pc=0x39df91741efa](this=0x003fa0283879 <Parser map = 0x2f448ffc2579>,liberal=0x25eae9d828c9 <true>,isBinding=0x25eae9d826f1 <undefined>)
2: arguments adaptor frame: 1->2
3: /* anonymous */ [0x192d0c3dcfa9] [/home/csc/...
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 0x919150 node::Abort() [/snap/node/2485/bin/node]
2: 0x91919c [/snap/node/2485/bin/node]
3: 0xb23d9e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/snap/node/2485/bin/node]
4: 0xb23fe3 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/snap/node/2485/bin/node]
5: 0xf349f2 [/snap/node/2485/bin/node]
6: 0xf34af8 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/snap/node/2485/bin/node]
7: 0xf40ed2 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/snap/node/2485/bin/node]
8: 0xf41742 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/snap/node/2485/bin/node]
9: 0xf4466c v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/snap/node/2485/bin/node]
10: 0xf0f734 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/snap/node/2485/bin/node]
11: 0x11bac4e v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/snap/node/2485/bin/node]
12: 0x39df90bdbe1d
Aborted (core dumped)
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! [email protected] build: `gatsby build`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/csc/.npm/_logs/2019-08-27T06_52_32_898Z-debug.log
It always fails at Building production JavaScript and CSS bundles
.
This is true for two local attempts on different machines and for netlify, too.
It is 100% reproducible meaning I did not manage to create a production build from your starter yet. I did not start making any modifications to it.
So is it just me or is this failing for everyone?
I did not manage to find anything that acutally indicates the source of the problem, but I'm happy to help looking further into it.
Current behaviour: burger menu icon needs to be clicked to trigger the menu from open to closed; nav bar links currently fail to toggle the menu when clicked.
Desired behaviour: clicking one of the nav bar links (including the site logo) toggles the menu closed; only burger menu links – not nav bar links in general – should trigger this behaviour; toggling should apply only when the link clicked is different to the current page, e.g. if the current page is "about", clicking the "contact" link will trigger the event, while the "about" link will do nothing.
See this example (site: https://gatsby-netlify-cms.netlify.com/).
[email protected]: request has been deprecated, see request/request#3142
My Steps:
Current behaviour: some page titles, e.g. the keywords "about" and "blog", are never matched.
Desired behaviour: widen/amend search to recognise currently unrecognised search terms such as "about".
Some potentially useful links:
Failed to persist entry: TypeError: Cannot read property 'appendChild' of null
Entry saved
When editing or creating entries within the netlify cms, I receive the above notifications.
In the console:
netlify-cms.js:101 Uncaught (in promise) TypeError: Cannot read property 'appendChild' of null
at k (embed.js:35)
at Object.l [as isSerif] (embed.js:35)
at h.i.toJSON (embed.js:35)
at Object.c.loadEmbed (embed.js:36)
at Object.c.reset (embed.js:37)
at DisqusThread.loadDisqus (DisqusThread.js:128)
at DisqusThread.componentDidMount (DisqusThread.js:65)
at Ja (netlify-cms.js:212)
at Ga (netlify-cms.js:212)
at Va (netlify-cms.js:212)
This error occurs when I attempt to run gatsby develop
after creating a new site from this starter.
I have tried to troubleshoot this by making changes to styles.sass
as well as changing the implementation of gatsby-plugin-sass
in gatsby-config.js
but it has not resolved.
chris@plunk1:~/grosky1$ gatsby develop
Something is already running at port 8000
✔ Would you like to run the app at another port instead? … yes
success open and validate gatsby-configs - 0.129s
success load plugins - 1.729s
success onPreInit - 0.082s
success initialize cache - 0.011s
success copy gatsby files - 0.068s
success onPreBootstrap - 0.024s
success createSchemaCustomization - 0.054s
success Checking for changed pages - 0.001s
success source and transform nodes - 0.236s
success building schema - 1.080s
info Total nodes: 94, SitePage nodes: 9 (use --verbose for breakdown)
success createPages - 0.156s
success Checking for changed pages - 0.001s
success createPagesStatefully - 0.183s
success update schema - 0.116s
success write out redirect data - 0.002s
success Build manifest and related icons - 0.002s
success onPostBootstrap - 0.006s
info bootstrap finished - 7.880s
success onPreExtractQueries - 0.001s
success extract queries from components - 0.854s
success write out requires - 0.084s
success run page queries - 0.056s - 1/1 17.83/s
ERROR Failed to compile with 1 errors 4:11:02 PM
⠀
error in ./src/assets/sass/styles.sass
⠀
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
$primary-invert: #ffffff
^
Invalid CSS after "$primary-invert": expected 1 selector or at-rule, was ": #ffffff"
in /home/chris/grosky1/src/assets/sass/styles.sass (line 2, column 1)
at runLoaders (/home/chris/grosky1/node_modules/webpack/lib/NormalModule.js:316:20)
at /home/chris/grosky1/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /home/chris/grosky1/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/home/chris/grosky1/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.render [as callback] (/home/chris/grosky1/node_modules/sass-loader/dist/index.js:89:7)
at Object.done [as callback] (/home/chris/grosky1/node_modules/neo-async/async.js:8069:18)
at options.error (/home/chris/grosky1/node_modules/node-sass/lib/index.js:294:32)
@ ./src/cms/cms.js 6:0-36
@ multi ./node_modules/gatsby-plugin-netlify-cms/cms.js ./node_modules/gatsby-plugin-netlify-cms/cms-identity.js ./src/cms/cms.js
⠀
error Generating development JavaScript bundle failed
$primary-invert: #ffffff
^
Invalid CSS after "$primary-invert": expected 1 selector or at-rule, was ": #ffffff"
in /home/chris/grosky1/src/assets/sass/styles.sass (line 2, column 1)
error Generating development JavaScript bundle failed
.social-links
^
Invalid CSS after ".": expected 1 selector or at-rule, was ".social-links"
in /home/chris/grosky1/src/components/Share/styles.sass (line 1, column 1)
failed Building development bundle - 9.196s
npm WARN deprecated [email protected]: Use cheerio-select instead
hi, have you think about implement bloomer?
First off, thank you for the template, this has been really helpful. The content from the model and .md
files is populating the website when gatsby develop
, just not after building the static site. I deployed to netlify and I removed the editorial workflow. I am having issues with the following:
gatsby build
, none of the content in the model (from the .md
files) is able to viewed/edited in the /admin/
viewadmin/
view. Upon attempting to publish, I get an error stating : Failed to persist entry: TypeError: Cannot read property 'sha' of undefined
/admin/
. The path in config.yml
appears to be correct.Could you please help me with these issues? I would really like to use your template.
npm WARN deprecated @types/[email protected]: This is a stub types definition. vfile-message provides its own type definitions, so you do not need this installed.
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
In styles.sass the variable declarations need to go before the bulma import. This is covered in their documentation.
Can you provide please scripts
for bulma
to build css
files from sass
?
And probably add to package.json
?
Hi,
I try adapt template to i18n with 2 languages, but is dificult to me. I try use gatsby-plugin-i18n, and it works but menu dont do redirection correctly.
Some advice about it? or recomendation?
Thanks !
Investigating why after the latest changes my nav and footer are missing from Home Page, Pricing Page, Contact Page. About page and Blog with Post pages is fine??
Revert to old in my repo.
Got this build error
Please create layout component in that location or specify path to layout component in gatsby-config.js
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
Hi!
I don't understand, why blog article template constains slug fileld. This slug is not used anything.
I see that 'gatsby-node.js' has this fragment:
postsAndPages.forEach(edge => {
const id = edge.node.id
createPage({
path: edge.node.fields.slug,
tags: edge.node.frontmatter.tags,
component: path.resolve(
`src/templates/${String(edge.node.frontmatter.templateKey)}.js`
),
// additional data can be passed via context
context: {
id,
},
})
})
4 line using edge.node.fields.slug
from fields
array.
fields.slug
return file-name, not the slug field.
Please give me more description of this slug field.
Current behaviour: this feature currently does not exist.
Desired behaviour: a back to top button to appear as the user scrolls down the page; when clicked, it will trigger scrolling to the top of the page; button icon should be an SVG (as opposed to an image).
Related links:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.