css-tricks / serverless Goto Github PK

View Code? Open in Web Editor NEW

472.0 472.0 200.0 30.96 MB

The Power of Serverless for Front-End Developers

Home Page: https://serverless.css-tricks.com/

License: MIT License

JavaScript 16.11% SCSS 35.07% Astro 48.81%

serverless's People

Contributors

Stargazers

Watchers

Forkers

cloudshcom svenalhamad simply007 lowmess idomusha kenzobenzo veloxy 0livare igotpassion davidleininger maggo ddprrt sdras huanghezhou simofiorucci raulg pineapple-content daletom buttercms yyy-team yyvanyang madoublet bearcodi pablo-epl dabit3 ranrib niklaswinkels jespr nwb-ella dakshshah96 sfiorucci andrewhiles mirdoriss sirinartk kball erquhart tonyspiro shadizghe baker2019 fnvjunior alekspanteli atlantic-sardine keemjestem cankurtumut tideee2 animtam111 slieocode n400 dprietoc forkkit k97 juandjara remusa nauvyram kumarnareshs juan2ramos liqianfei mharrison-ict swyxio wohal martin-mok andypbrowne ziguinchor kylekibet cyrilbois vishaldhateria nirazanbasnet squarezw coraldrive bhavana-netlify aaronfrost zohair52 udheme tanim3221 daledali saxenaudit williamspiro dinesh074 hungrysandwich agility serguei24 marhc jamesvidler ndejean musa-94 ondrabus marshaljoe esselite slavakurilyak 5t3ph saqibameen rita3ko jenvaccaro13 albionahoti tatimblin status200 mawuen jerdam avigoldman pieturp

serverless's Issues

Site redirects to main CSS-Tricks domain

Can't seem to access the serverless subdomain online since it redirects to www.css-tricks.com

Elasticsearch probably makes sense as a search option

https://www.elastic.co/products/site-search

CONTENT: Resources

[] https://www.youtube.com/watch?v=rCYOpTQReD4

CONTENT add a bunch of resources

Hi, I would like to add some resources that I didn't found on the site yet.

Static site generators

Gridsome

Notifications

Firebase cloud messaging

Forms

Hosting

Azure blob storage

Media

Uncategorized

Stackbit

Please let me know if I could start some PR to add them and how you would like me to work on them.

Help installing sharp

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?

Bad SSL certificate on serverless.css-tricks.com

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?

Add others to CI/CD

Like Travis and Circle.

Content To Add Thread

Articles

https://www.sethvargo.com/secrets-in-serverless/

Forms

Search

https://www.elastic.co/products/site-search

CI / CD

Unsure how to categorize

https://www.stackery.io
https://www.progress.com/kinvey
https://syncano.io/#/
https://backendless.com/ (sort of all-in-one)
https://dadi.cloud/en/ (decentralized services with it's own crypto currency)

CONTENT: Resources Page

Missing image "the famous sticker"

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.

Site breaks after navigation, service-worker issue

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.

Sub-menus sometimes dont show up

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.

Cloudflare Workers?

Cloudflare workers - Seems right up the alley for this website

Apex Cloud Functions seems to be down

apex.run seems down, gives DNS_PROBE_FINISHED_NXDOMAIN

CONTENT: Add Prismic

There's a content/cmss/prismic.md file, but the content is for Netlify CMS instead of Prismic

TODO: Add Netlify CMS

Add Astro to SSG's

I'd love to add Astro to the list of SSG's!

The same description for different cards

https://serverless.css-tricks.com/resources/

Cards display "external site link" arrow in top right corner, however links open in the same tab

To me, the arrow in the top right corner of the card indicates that the link will open in a new tab, however it doesn't.

This may very well be a non-issue, so feel free to close this if the link isn't supposed to open in a new tab, just wanted to point it out in case it is supposed to.

Missing Middleman logo

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

CONTENT: Payments

Wrong URL

The formspree URL is missing the firs H in Https so it goes to ttps://formspree.io/

CONTENT: CMSs

Netlify CMS
https://forestry.io/
Contentful
WordPress REST API

Sidebar overflows and is unscrollable on iPad

Hi! Just noticed the number of items in the sidebar is too tall for the iPad, and it’s seemingly unable to be scrolled.

This is likely a pretty easy fix, maybe with a height-based media query to toggle on overflow-scroll?

Fixture CMS shut down

Looks like Fixture isn't among us any more.
You might want to remove it from the list.

Accessibility: Purple links on purple cards do not meet contrast guidelines

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!

JAMStack: A Complete Beginner's Guide

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

Menu doesn't appear on small screens

On small screens, and only after scrolling, click on the menu button in the fixed header doesn't toggle the menu.

Needs Favicon

Weird Enterprise-y Data Storage Things I Don't Know What To Do With

I'm so confused by those pages that I don't know if they deserve to be in the data storage category or not??

Couple'a missing images

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?)

https://www.stackery.io
https://www.progress.com/kinvey
https://syncano.io/#/
https://backendless.com/ (sort of all-in-one)
https://dadi.cloud/en/ (decentralized services with it's own crypto currency)

css-tricks / serverless Goto Github PK

serverless's People

Contributors

Stargazers

Watchers

Forkers

serverless's Issues

Static site generators

Notifications

Forms

Hosting

Media

Uncategorized

Articles

Forms

Search

CI / CD

Unsure how to categorize

Tools to help manage them...

Spreadsheet style

JSON-ish

Object Store

Database

Unique Offline Thing

Is this relevant??

Recommend Projects

Recommend Topics

Recommend Org