gillkyle / gatsby-starter-landing-page Goto Github PK
View Code? Open in Web Editor NEW๐ฑ A simple, minimal Gatsby starter for quick and easy landing pages
Home Page: https://gatsby-starter-landing-page.netlify.com/
License: MIT License
๐ฑ A simple, minimal Gatsby starter for quick and easy landing pages
Home Page: https://gatsby-starter-landing-page.netlify.com/
License: MIT License
Hey @gillkyle, ๐ for the starter!
I just noticed x-overflow on the demo:
User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:66.0) Gecko/20100101 Firefox/66.0
add docs that tell how to query a new image in place of the current mockup content in the hero section so it can be swapped out
I tried to run this strater and got this error
error Plugin gatsby-transformer-sharp returned an error
Error: Could not locate the bindings file. Tried:
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/build/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/build/Debug/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/build/Release/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/out/Debug/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/Debug/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/out/Release/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/Release/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/build/default/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/compiled/10.15.3/darwin/x64/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/addon-build/release/install-root/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/addon-build/debug/install-root/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/addon-build/default/install-root/sharp.node
โ /Users/varya/WebDev/Personal/team-resources-workshop/node_modules/gatsby-plugin-sharp/node_modules/sharp/lib/binding/node-v64-darwin-x64/sharp.node
Probably uncompressed images in the src/images
folder make the clone process pretty slow since it's gathering 4.78 MiB of data according to the gatsby new
command
This could probably be resolved by just making the images a little smaller
Thanks for this great looking landing page!
I'm currently writing a tutorial where I discuss installing this theme alongside another Gatsby theme. Unfortunately the global css of the landing-page overwrites the global css of the other theme, so it is not really possible to just plug-in the landing page.
As a landing-page will most likely always be used together with other themes and as installing it should not have side effects, I was wondering if you are interested in converting the global styles into locally scoped styles with theme-ui?
I'm trying to clone this repo using
gatsby new landing-page https://github.com/gillkyle/gatsby-starter-landing-page.git
But it throws the following error :-
Error: Command failed with exit code 1: npm install
- error.js:56 makeError
[lib]/[gatsby-cli]/[execa]/lib/error.js:56:11
- index.js:114 handlePromise
[lib]/[gatsby-cli]/[execa]/index.js:114:26
- task_queues.js:95 processTicksAndRejections
internal/process/task_queues.js:95:5
- init-starter.js:135 install
[lib]/[gatsby-cli]/lib/init-starter.js:135:7
- init-starter.js:202 clone
[lib]/[gatsby-cli]/lib/init-starter.js:202:3
- init-starter.js:343 initStarter
[lib]/[gatsby-cli]/lib/init-starter.js:343:5
- create-cli.js:494
[lib]/[gatsby-cli]/lib/create-cli.js:494:9
Here's my Gatsby info
System:
OS: macOS 11.2.3
CPU: (8) x64 Apple M1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.17.0 - /usr/local/bin/node
npm: 7.16.0 - /usr/local/bin/npm
Languages:
Python: 2.7.16 - /usr/bin/python
Browsers:
Chrome: 91.0.4472.77
Safari: 14.0.3
npmGlobalPackages:
gatsby-cli: 3.6.0
Is it not compatible with M1 yet?
Thanks a lot for this well crafted landing page!
I would like to incorporate it into my project, but the starter is not well suited for being included into an existing project.
Have you considered making a Gatsby theme and publish it on npm, so I could simply install it as a plugin?
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.