GithubHelp home page GithubHelp logo

v4iv / gatsby-starter-business Goto Github PK

View Code? Open in Web Editor NEW
254.0 254.0 98.0 3.06 MB

Gatsby Business Website Starter

Home Page: https://gatsby-starter-business.netlify.app/

License: MIT License

JavaScript 98.57% Sass 1.43%
bulma-css elasticlunr gatsby gatsby-starter gatsbyjs netlify-cms pagination seo-friendly

gatsby-starter-business's People

Contributors

dhj-io avatar edemirbag avatar ekoeryanto avatar guofoo avatar harrinsonmb avatar lcandiago avatar oliverxchen avatar papaponmx avatar pborreli avatar v4iv avatar wysher avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gatsby-starter-business's Issues

Sticky Footer

Would it be possible to make the footer stick to the button?
So depending on resolution and how many elements there are on the page it wont leave the button.

Ex.
image

Change Colors and Styles

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?

SEO Component has no working date

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?

`gatsby build` fails with FATAL ERROR exit code 134: JavaScript heap out of memory

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.

Edit burger menu to close when one of the links is clicked

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/).

netlify cms

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)

Bulma error prevents compilation

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

Issues deploying

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:

  • After gatsby build, none of the content in the model (from the .md files) is able to viewed/edited in the /admin/ view
  • I am not able to add content of any type in admin/ view. Upon attempting to publish, I get an error stating : Failed to persist entry: TypeError: Cannot read property 'sha' of undefined
  • I am not able to upload pictures from view /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.

Bulma build script

Can you provide please scripts for bulma to build css files from sass?
And probably add to package.json?

Add i18n, translations

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 !

Latest updates killed navbar and footer in pages not blog

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

Slug in blog article template

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.

Implement floating scroll back to top button

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:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.