jamstack / jamstack.org Goto Github PK
View Code? Open in Web Editor NEWThe official Jamstack site
Home Page: https://jamstack.org/
The official Jamstack site
Home Page: https://jamstack.org/
Eleventy has the following properties which I think make it a good candidate for this project:
npm install
developers do not have to leave the comfort of node and local JavaScript to configure their environments.Both of these options are:
My personal preference is for Nunjucks, just because I really like its syntax. But more people might be familiar with Liquid which could make it a more obvious choice.
Potential hot-drama in this recommendation!
Approaches to structuring and maintaining CSS vary differently. And maintaining CSS over a long period of time and with a disparate group of contributors can quickly become difficult. With TailwindCSS we have the ability to build on utility classes which transcend not only projects, but also entire development teams. I submit that using this will bring:
Possible resistance to using Tailwind might be:
...I'm keen to discuss these things and get opinions here in this issue. I feel it would be a good choice, but anticipate some debate.
Any strong feelings or suggestions to voice? Your contribution to the discussion is much valued.
https://www.infoq.com/presentations/jamstack-enterprise/
its a good talk
This comes a lot when I mention JAMstack as a thing, but there is not a place to point a person to view a "JAMstack" site or their source code.
On browsing the site https://jamstack.org/examples it retuns with a 404
Cheers
Jamstack.org has a banner advertising JAMstack_conf, which took place earlier this week (I was lucky enough to attend, and had a great time!):
Learn more about the JAMstack at JAMstack Conf, San Francisco — 29-30 October, 2018
This should probably be removed or updated.
"With a JAMstack project, anyone should be able to do a git clone
, install any needed dependencies with a standard procedure (like npm install
), and be ready to run the full project locally. No databases to clone, no complex installs. This reduces contributor friction, and also simplifies staging and testing workflows."
What?
Well you'd have to install whatever runs the API, including any DB? This doesn't sound like a consequence of the "JAM stack", but as a side effect of connecting your local environment to an external API, hence not having the whole project.
Attempting to yarn start
with node 12
and I ran into errors. I dropped down to node 10.0.0
and it worked. Just an FYI.
jamstack.org git:(master) ✗ yarn start
yarn run v1.17.3
$ gulp server
[16:00:25] Failed to load external module @babel/register
[16:00:25] Requiring external module babel-register
fs.js:27
const { Math, Object } = primordials;
^
ReferenceError: primordials is not defined
Please update the button design to include the arrow as shown in the figma doc https://www.figma.com/file/7nBwzGu2tnmFqNCbUUzdor/Jamstack.org?node-id=0%3A1
👋 hi, I noticed that many of the images are missing accessible names via alt text. This is a problem for screen reader users, and in some cases dictation users. Rather than enumerate all the locations here, I'll open a PR here.
Please update the glossary entry page layout to match the figma. Happy to work with you to merge the two layouts. https://www.figma.com/file/7nBwzGu2tnmFqNCbUUzdor/Jamstack.org?node-id=0%3A1
JavaScript is a trend, we all know. But we must not forget that it is possible to use functional language to implement practically the same functions that JavaScript performs for headlessCMS and SSG's. So the name given to architecture is not wrong? I'm a scientist and I'm dedicating my monograph to explaining how this new platform works.
Note to the reader:
This issue discusses how we write "JAMSTACK". I'm going to have to write the word itself a number of times in the issue as a result... which is bound to result in LOLs. So I'll normalise on jamstack for a while. This is not a statement of intent!
My opinion is that we should adopt "Jamstack" as our norm.
I'd just offer this one comparison: Ajax.
When I first started using Ajax, it was always called "AJAX" and stood for Async JavaScript And XML. Over time, JSON became more popular than XML with this pattern, but we still called it the same thing. And these days we'd refer to it as "Ajax" (if at all, lol) because what it stands for is more than what the acronym consists of.
Over the last 5 years since the term was coined, the ecosystem which enables the jamstack has evolved and matured so much. The term needs to not divert attention away from that fact, and towards the original acronym. — I believe that jamstack stands for so much more than using JavaScript, APIs and Markup. I think it stands more for:
...but I'm keen on wider perspectives about the word.
So... how should we normalise how we write this word?
Seeing references to incomplete pages on https://jamstack.org/what-is-jamstack/
With the markup and other user interface assets of Jamstack sites...
^ for example markup page is there, yet incomplete.
Seeing a few references like this throughout and some missing links, etc. that we should work through.
This is a awesome organization and your content too. Do you think it may be interesting to translate the website to facilitate the access of the brazilian community?
Given then strength, weaknesses and focuses of the different CMSs, it would be useful to know what features are supported by each site-generator and headless CMS.
As an example, to have an indicator as to whether multi-lingual support is provided by each and in what form.
Thinking this would be via keywords added to the front-matter. The keywords could be free-form or limited to a set of recognised keywords, such that if an unsupported keyword is provided, then it would not be displayed on the page.
Going further, the keywords could be broken down into "strongly supported" and "supported", to have an indication as to how well that functionality is provided for.
Would this be of interest and in what form does the team think it should take?
This is due to a jQuery call prior to the script being loaded on the resources.html page.
$.get(
...
);
Olá! Another day, another meetup. This time it's Lisbon!
Edit: here is the meetup link: https://www.meetup.com/JAMstack-Lisbon/
We need the standard assets for Lisbon - here are the landmarks Nuno has suggested for the graphics. He says:
In terms of landmarks check the Torre de belem,
https://en.wikipedia.org/wiki/Belém_Tower
the bridge
https://en.wikipedia.org/wiki/25_de_Abril_Bridge
and the main square
https://en.wikipedia.org/wiki/Praça_do_Comércio#/media/File:Lisbon_main_square_(36622604910).jpg
He is organizing a meetup in january so we have a little bit of time for this.
Muito obrigado!
Hello:
I hope this message finds you well.
I am unable to find on the pages at jamstack.org any information about the organization.
Pardon me if this this issue tracker is not the correct place to ask a FAQ-style question; I did not see any other means of contact.
—James
Please update the glossary entry page layout to match the figma. Happy to work with you to merge the two layouts. https://www.figma.com/file/7nBwzGu2tnmFqNCbUUzdor/Jamstack.org?node-id=0%3A1
Use existing asset pipeline and tools like ImageOptim to optimize user-provided images for the Web. See #72 for example of performance with a very large PNG using pngquant
.
As number of examples increases, apply lazyloading with something like lazysizes
to limit bandwidth consumption for data capped users. Example implementation: gohugoio/hugoThemesSite#32
For SVGs the network is usually the bottleneck. WRT raster images law of diminishing returns apply.
Orthogonal: Git is not good at storing large blobs. Git LFS helps mitigate the large blob problem and BFG Repo Cleaner can help remove large blobs from history in a performant way.
This blog post in an in-depth Jamstack guide for beginners - it covers the foundations, history and understanding of the Jamstack architecture. It also provides a step-by-step tutorial on how to build a website with Jamstack using Hugo for Markup and ButterCMS API.
https://buttercms.com/blog/what-is-jamstack
All the the videos seen here should be on JAMstack.org (and active ingredients once they're ready). @eliwilliamson @rafaelconde
Hi, it will be useful to sort generator cards by programming language.
Example attached below, text names can be replaced with logos
what do you think about this?
now contributors can add their show cases with ease without manually capturing & cropping their screen-shots.
you can automatically get thumbnails of the example websites, always up-to-date (by our specific period) screenshots, without stale
e.g.
https://api.letsvalidate.com/v1/thumbs?url=http://www.sphero.com/&width=596&height=396
<img src="https://api.letsvalidate.com/v1/thumbs?url={{ .link }}&width=596&height=396"/>
you can learn more about the api at the github repo
Please update the mobile menu behavior to slide in on mobile.
At least the one from Mathias https://www.youtube.com/watch?v=uWTMEDEPw8c&index=4&list=PLzlG0L9jlhEOwdVv4nJZW6c_MCLbmfs4z
Need to update the current top banner since state of the jamstack survey is now closed.
New banner:
Join the first Jamstack Conf Virtual on May 27-28. Registration is Free!
Just another stupid "stack" created by kids who they know better than people who have been around since the start of the internet!
With a11y and more in mind, we need to adjust the contrast of the tools underneath example listings.
header styles update
Hi all!
I was looking into this and it seems like server-side rendering is pretty much eschewed by JAMstack:
Any project that relies on a tight coupling between client and server is not built with the JAMstack. This would include:
A single page app that uses isomorphic rendering to build views on the server at runtime.
How do you reconcile this with the "Better Performance" claim on the JAMstack manifesto? Or is JAMstack not intended for sites with a lot of dynamic content on the first render?
Do you guys think it's possible to reconcile loosely-coupled client/server architectures, with server-side rendering? Maybe using some kind of thin layer to do the initial render but still expose all of the data via apis?
Hi,
I have a question about working with an oAuth powered API that requires the following info provided by the client in order to get an access token and be able to make any API requests:
This is a pretty standard way to control the API access, Client ID and Secret are always required to get a token (even if a user is not authenticated).
So in the case of JAMStack, you would have to distribute Client ID and Secret together with your JS code. Do you find this problematic? Is there's any "best practice" to deal with this?
Thanks!
https://jamstack.org/sitemap.xml referencing DEPLOY_PRIME_URL
as base url for the site and subdirectory pages, causing invalid <loc>
throughout the sitemap file.
Sitemap isn't formatted correctly for submission to tools like Google Search Console and crawl-ability then broken for bots trying to follow these referenced paths.
Generated sitemap file markup:
Hi folks! I'm one of the organizers of the Seattle JAMstack event and I've been looking for a decent code of conducts for our events. I thought it'd be great to host it on this site so that other events could easily link to it.
I opened #186 for this purpose. Feedback is welcome! Cc @PerrySetGo @biilmann
Please add JAMstack Toulouse to https://jamstack.org/community/
First meetup scheduled in March with @philhawksworth from @netlify and @pixelastic from @algolia. (to be confirmed).
Cheers! 🥂
A new version of the jamstack.org site is coming. There is already discussion about the planned technical approach which you may be interested in
jamstack.org should:
A short description of the purpose of each page in the site structure to help define the requirements for each page type.
Just pointing it out :)
Hey Guys,
Just checking if you guys are looking for someone to look over the prs and merge new ones.
Will be happy to help. Have one open as we speak.
All the best :)
The link to the API economy in "Supercharging with services" section of what is jamstack page is not working.
The link should redirect to the API Economy
page
When the team at Netlify first created the branding for the jamstack.org site, its needs were rather different. In the time since then, jamstack has grown to include:
...and much more.
As the category scales, so too should the identity.
Sadly, the JAMstack Dallas meetup has disbanded. Let's remove it from the listing on the /community page since the Meetup link 404s, and over the coming months I'll gauge local interest in reviving the group!
I think having the example sites ordered by their traffic rank would encourage visitors more towards JAMstack, by having them look at more familiar/popular websites.
If this is acceptable, I would love to sort them
@philhawksworth @eliwilliamson
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.