css-tricks / serverless Goto Github PK
View Code? Open in Web Editor NEWThe Power of Serverless for Front-End Developers
Home Page: https://serverless.css-tricks.com/
License: MIT License
The Power of Serverless for Front-End Developers
Home Page: https://serverless.css-tricks.com/
License: MIT License
Hey gang.
Can't imagine you're unaware of this, but I'm getting what certainly appears to be a bad SSL cert from serverless.css-tricks.com
. Now, albeit: today's my first day learning of the site, and this is my first attempt to hit it. It's possible the very "serverless" nature of the site makes for tricksy work with an authority, but if that's so, perhaps a warning in the readme.md
?
Hi, if I browse to https://serverless.css-tricks.com/ and then click on Services, it goes to the https://serverless.css-tricks.com/services/major page and shows the Services sub menu on the right with Could Functions, Auth, Forms etc., but if i browse to the https://serverless.css-tricks.com/services/major page directly, the Services submenu doesnt show up.
An in-depth JAMstack guide for beginner's covering the foundations of JAMstack and a complete understanding of it's architecture. It compares the traditional workflow vs Jamstack and highlights the advantages of using Jamstack for developers. It also provides a real-time example of building a site using Jamstack for readers to use as a reference.
https://buttercms.com/blog/what-is-jamstack
Can't seem to access the serverless subdomain online since it redirects to www.css-tricks.com
The site looks amazing and the attention to accessibility overall is great.
When there is a purple link (#9058b5) on the purple background (#37236b), the link doesn't meet WCAG guidelines contrast. https://serverless.css-tricks.com/ideas/
Thanks for the great content!
Howdy,
The logos for AppSync (used here and here, I think) and Google Cloud Functions (here) seem to be missing.
I poked around in their respective file histories and I couldn't find old versions of 'em, not sure if they were ever added to begin with.
Happy to PR this if it's just a matter of finding those logos in whatever file format (looks like some are svg and some png?)
There's a content/cmss/prismic.md
file, but the content is for Netlify CMS instead of Prismic
Publii is a CMS that builds a static website for you
https://getpublii.com/
Looks like Fixture isn't among us any more.
You might want to remove it from the list.
Something strange is going on. On the production page (https://serverless.css-tricks.com/), If I hard-refresh the page, I see content, but if I try to navigate to any of the other pages using the right-nav, I see 404s in the console and the page does not load up. Refreshing does not solve, only a hard-refresh without cache. It appears to be a service-worker issue, because when I unregister it, the page works just fine.
IBM Cloud Serverless via OpenWhisk: https://www.ibm.com/cloud/functions
IBM Cloud has a free tier: https://www.ibm.com/cloud/free/
It appears there is no static/images/middleman.svg
, which leads to the alt text showing on that card. While it should be easy enough to drop the SVG into place, it may be a good idea to also create a generic placeholder style for broken images on resource cards.
This screenshot also shows another issue (props.title
not being properly interpolated in alt text).
Like Travis and Circle.
Cloudflare workers - Seems right up the alley for this website
In https://serverless.css-tricks.com/about/
Technically, the database still exists on a server (someone’s else’s computer, as the famous sticker says), ...
the link to https://serverless.css-tricks.com/images/there-is-no-cloud.jpg is broken.
I'm so confused by those pages that I don't know if they deserve to be in the data storage category or not??
In /services/auth there is an extra single quotation mark (https://www.netlify.com/docs/identity/'
) at end of URL.
On small screens, and only after scrolling, click on the menu button in the fixed header doesn't toggle the menu.
I'd love to add Astro to the list of SSG's!
Don't really wanna replicate https://www.staticgen.com/, but instead offer the biggest players and probably point to that.
When trying to run npm install
on the project to implement #177, I ran into this problem:
pm ERR! code 1
npm ERR! path /workspace/serverless/node_modules/favicons/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! make: Entering directory '/workspace/serverless/node_modules/favicons/node_modules/sharp/build'
npm ERR! TOUCH Release/obj.target/libvips-cpp.stamp
npm ERR! CXX(target) Release/obj.target/sharp/src/common.o
npm ERR! make: Leaving directory '/workspace/serverless/node_modules/favicons/node_modules/sharp/build'
npm ERR! info sharp Using cached /home/gitpod/.npm/_libvips/libvips-8.8.1-linux-x64.tar.gz
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | linux | x64
npm ERR! (node:4022) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp info spawn /usr/bin/python2
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args '/workspace/serverless/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args 'binding.gyp',
npm ERR! gyp info spawn args '-f',
npm ERR! gyp info spawn args 'make',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/workspace/serverless/node_modules/favicons/node_modules/sharp/build/config.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/workspace/serverless/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/home/gitpod/.node-gyp/16.13.0/include/node/common.gypi',
npm ERR! gyp info spawn args '-Dlibrary=shared_library',
npm ERR! gyp info spawn args '-Dvisibility=default',
npm ERR! gyp info spawn args '-Dnode_root_dir=/home/gitpod/.node-gyp/16.13.0',
npm ERR! gyp info spawn args '-Dnode_gyp_dir=/workspace/serverless/node_modules/node-gyp',
npm ERR! gyp info spawn args '-Dnode_lib_file=/home/gitpod/.node-gyp/16.13.0/<(target_arch)/node.lib',
npm ERR! gyp info spawn args '-Dmodule_root_dir=/workspace/serverless/node_modules/favicons/node_modules/sharp',
npm ERR! gyp info spawn args '-Dnode_engine=v8',
npm ERR! gyp info spawn args '--depth=.',
npm ERR! gyp info spawn args '--no-parallel',
npm ERR! gyp info spawn args '--generator-output',
npm ERR! gyp info spawn args 'build',
npm ERR! gyp info spawn args '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp info spawn make
npm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
npm ERR! <command-line>: warning: "_GLIBCXX_USE_CXX11_ABI" redefined
npm ERR! <command-line>: note: this is the location of the previous definition
npm ERR! In file included from /home/gitpod/.node-gyp/16.13.0/include/node/v8.h:30,
npm ERR! from /home/gitpod/.node-gyp/16.13.0/include/node/node.h:63,
npm ERR! from ../src/common.cc:22:
npm ERR! /home/gitpod/.node-gyp/16.13.0/include/node/v8-internal.h: In function ‘void v8::internal::PerformCastCheck(T*)’:
npm ERR! /home/gitpod/.node-gyp/16.13.0/include/node/v8-internal.h:492:38: error: ‘remove_cv_t’ is not a member of ‘std’; did you mean ‘remove_cv’?
npm ERR! 492 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~~~~~
npm ERR! | remove_cv
npm ERR! /home/gitpod/.node-gyp/16.13.0/include/node/v8-internal.h:492:38: error: ‘remove_cv_t’ is not a member of ‘std’; did you mean ‘remove_cv’?
npm ERR! 492 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~~~~~
npm ERR! | remove_cv
npm ERR! /home/gitpod/.node-gyp/16.13.0/include/node/v8-internal.h:492:50: error: template argument 2 is invalid
npm ERR! 492 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^
npm ERR! /home/gitpod/.node-gyp/16.13.0/include/node/v8-internal.h:492:63: error: ‘::Perform’ has not been declared
npm ERR! 492 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~
npm ERR! make: *** [sharp.target.mk:139: Release/obj.target/sharp/src/common.o] Error 1
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
npm ERR! gyp ERR! stack at ChildProcess.onExit (/workspace/serverless/node_modules/node-gyp/lib/build.js:262:23)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Linux 5.4.0-1051-gke
npm ERR! gyp ERR! command "/home/gitpod/.nvm/versions/node/v16.13.0/bin/node" "/workspace/serverless/node_modules/.bin/node-gyp" "rebuild"
npm ERR! gyp ERR! cwd /workspace/serverless/node_modules/favicons/node_modules/sharp
npm ERR! gyp ERR! node -v v16.13.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! A complete log of this run can be found in:
npm ERR! /home/gitpod/.npm/_logs/2021-11-16T18_47_02_107Z-debug.log
gitpod /workspace/serverless $
Any ideas on what I need to fix for this?
Hi, I would like to add some resources that I didn't found on the site yet.
Please let me know if I could start some PR to add them and how you would like me to work on them.
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.