-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
188 lines (177 loc) · 8.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<title>big</title>
<link href='big.css' rel='stylesheet' type='text/css' />
<link href='highlight.css' rel='stylesheet' type='text/css' />
<style>
.new-shiny { background: #aaaaaa; }
</style>
<script src='big.js'></script>
<script src='highlight.js'></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body class='light'>
<div><p><strong>GSS</strong> en <em>2018</em></p>
</div>
<div><h2 id="les-sites-statiques-en-2-mots">Les sites statiques en 2 mots</h2>
</div>
<div><p>Pas de charge inutile sur une BDD (Recherche de failles par des crackers), <em>portabilité</em> des contenus, versionning, export multi-formats, <em>modularité</em> du contenu…</p>
</div>
<div><h2 id="placement-produits-inside">Placement produits inside</h2>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/company.jpg" class="center-image" />
</div>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/staticgen.png" class="center-image" />
</div>
</div>
<div><h2 id="jekyll-35903-">Jekyll <em>35903★</em></h2>
<p><strong>RUBY</strong> - <small>Plein de plugins, compilation SASS native, complet et compatible avec la plupart des services d'édition de contenu…</small></p>
</div>
<div><h2 id="hugo-30071-">Hugo <em>30071★</em></h2>
<p><strong>GO</strong> - <small>Pas de plugins, très rapide, <em>livereload</em>, moteur de template très puissant…</small></p>
</div>
<div><h2 id="eleventy-1027-">Eleventy <em>1027★</em></h2>
<p><strong>JS</strong> - <small>Transforme des répertoires en HTML : liquid, Nunjucks, Mustache, EJS, HAML, Pug…</small></p>
</div>
<div><p>Let's go static !</p>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/static-site-JAMstack.png" class="center-image" />
</div>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/static.png" class="center-image" />
</div>
</div>
<div><h2 id="plugins-jekyll-disponibles-sur-github-pages">Plugins Jekyll disponibles sur Github Pages</h2>
<pre><code> # Plugins
"jekyll-redirect-from" => "0.12.1", # Seamlessly specify multiple redirections URLs
"jekyll-sitemap" => "0.12.0", # Generate a sitemaps.org compliant sitemap
"jekyll-feed" => "0.8.0", # Generate an Atom (RSS-like) feed
"jekyll-gist" => "1.4.0", # Liquid tag for displaying GitHub Gists
"jekyll-paginate" => "1.1.0", # Default pagination generator for Jekyll.
"jekyll-coffeescript" => "1.0.1", # A CoffeeScript converter for Jekyll
"jekyll-seo-tag" => "2.1.0", # Add metadata tags for search engines and social networks
"jekyll-github-metadata" => "2.3.1", # Propagate the site.github namespace
"jekyll-avatar" => "0.4.2", # A Jekyll plugin for rendering GitHub avatars
# Plugins to match GitHub.com Markdown
"jemoji" => "0.8.0", # GitHub-flavored Emoji plugin for Jekyll
"jekyll-mentions" => "1.2.0", # @mention support for your Jekyll site
"jekyll-relative-links" => "0.3.0", # Convert relative links to markdown files to their rendered equivalents
"jekyll-optional-front-matter" => "0.1.2", # Make front matter optional for Markdown files
"jekyll-readme-index" => "0.0.4", # Render a project's README as the site's index
"jekyll-default-layout" => "0.1.4", # Silently sets default layouts for pages and posts
"jekyll-titles-from-headings" => "0.1.4", # Pull the page title from the first Markdown heading</code></pre></div>
<div><h2 id="formulaires">Formulaires</h2>
</div>
<div><p><a href="https://staticman.net/">https://staticman.net/</a>
<a href="https://formkeep.com/">https://formkeep.com/</a>
<a href="https://formspree.io/">https://formspree.io/</a></p>
</div>
<div><h2 id="commentaires">Commentaires</h2>
</div>
<div><p><a href="https://posativ.org/isso/">https://posativ.org/isso/</a>
<a href="https://www.remarkbox.com/">https://www.remarkbox.com/</a>
<a href="https://www.vis4.net/blog/2017/10/hello-schnack/">https://www.vis4.net/blog/2017/10/hello-schnack/</a>
<a href="https://github.com/aarongustafson/jekyll-webmention_io">https://github.com/aarongustafson/jekyll-webmention_io</a>
<a href="https://www.vis4.net/blog/2017/10/hello-schnack/">https://www.vis4.net/blog/2017/10/hello-schnack/</a></p>
</div>
<div><h2 id="recherche">Recherche</h2>
</div>
<div><p><a href="https://github.com/daviddarnes/jekyll-search-js">https://github.com/daviddarnes/jekyll-search-js</a>
<a href="http://elasticlunr.com/">http://elasticlunr.com/</a>
<a href="http://tapirgo.com/">http://tapirgo.com/</a></p>
</div>
<div><h2 id="edition-online">Edition online</h2>
</div>
<div><p><a href="http://prose.io">http://prose.io</a>
<a href="https://netlifycms.com/">https://netlifycms.com/</a>
<a href="https://forestry.com/">https://forestry.com/</a></p>
</div>
<div><h2 id="performance">Performance</h2>
</div>
<div><p><a href="https://www.netlify.com/docs/redirects/">https://www.netlify.com/docs/redirects/</a>
<a href="https://www.netlify.com/docs/headers-and-basic-auth/">https://www.netlify.com/docs/headers-and-basic-auth/</a></p>
</div>
<div><h2 id="protection">Protection</h2>
</div>
<div><p><a href="https://robinmoisson.github.io/staticrypt/">https://robinmoisson.github.io/staticrypt/</a>
<a href="https://www.aerobatic.com/docs/plugins/password-protect/">https://www.aerobatic.com/docs/plugins/password-protect/</a>
<a href="https://www.netlify.com/docs/headers-and-basic-auth/">https://www.netlify.com/docs/headers-and-basic-auth/</a></p>
</div>
<div><h2 id="authentification">Authentification</h2>
</div>
<div><p><a href="https://identity.netlify.com/">https://identity.netlify.com/</a>
<a href="https://auth0.com/">https://auth0.com/</a></p>
</div>
<div><h2 id="ecommerce">Ecommerce</h2>
</div>
<div><p><a href="https://snipcart.com/">https://snipcart.com/</a>
<a href="https://cartjs.com/">https://cartjs.com/</a>
<a href="https://shopify.com/">https://shopify.com/</a></p>
</div>
<div><p>Prerender App (Application prérendues)</p>
</div>
<div><p>Use “prerendered app” over “static site” because people don’t necessarily know what static means in this case. Static refers to the fact that we don’t access a database when a page is rendered, but to a lot of people it can mean that the site is not interactive, which is incorrect. — <em>Matt Biilmann, JAMstack Conf</em></p>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/webriq-cms-for-the-jam-stack.jpg" class="center-image" />
</div>
</div>
<div><h2 id="gatsby-27480-">Gatsby <em>27480★</em></h2>
</div>
<div><h2 id="nuxt-16064-">Nuxt <em>16064★</em></h2>
</div>
<div><h2 id="gridsome-968-">Gridsome <em>968★</em></h2>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/gridsome-git-workflow.png" class="center-image" />
</div>
</div>
<div><h2 id="headless-cms">Headless CMS</h2>
</div>
<div><p><a href="https://graphcms.com/">https://graphcms.com/</a>
<a href="https://getcockpit.com/">https://getcockpit.com/</a>
<a href="https://kenticocloud.com/">https://kenticocloud.com/</a>
<a href="https://www.hokus.io/">https://www.hokus.io/</a>
<a href="https://www.sanity.io/">https://www.sanity.io/</a>
<a href="https://www.storyblok.com">https://www.storyblok.com</a>
<a href="https://apostrophecms.org/">https://apostrophecms.org/</a>
<a href="https://www.canner.io/">https://www.canner.io/</a>
<a href="https://www.vapid.com/">https://www.vapid.com/</a>
<a href="https://www.takeshape.io/">https://www.takeshape.io/</a></p>
</div>
<div><h2 id="graphql">GraphQL</h2>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/gatsby.png" class="center-image" />
</div>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/gridsome-graphql.png" class="center-image" />
</div>
</div>
<div><h2 id="netlify-lambda">Netlify Lambda</h2>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/netlify-lambda.png" class="center-image" />
</div>
</div>
<div><h2 id="brain-ms">brain.ms</h2>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/netlify-brain.png" class="center-image" />
</div>
</div>
<div><div>
<img src="https://bertrandkeller.github.io/Gss-en-2018/images/webapp.jpg" class="center-image" />
</div>
</div>
</body>
</html>