Hello stackers, right now we go into Jamstack, in previous articles I have discussed a little bit about the definition of Jamstack and when we can use it. So in this section we immediately enter the Jamstack framework which uses svelte. Sound interesting huh ? Okay, let’s take a look.
Write less code and develop static sites from any data source Leverage Svelte and GraphQL for a seamless build.
JungleJS
Jamstack is very popular right now, because it’s improvement between source CDN and our microservices model. It’s also depend on what scheme we want to use, like if we want to combine our services using CDN resource or also if we want our services and CDN resource is collaborate. All depend on what case of the web we want to build. But actually Jamstack is very good in all cases. Really ? yes. Let’s go into QuickStart :
npx degit junglejs/template jungle-app cd jungle-app npm install npm run start
App structure
- /jungle.config.js – This is your configuration file for Jungle, the most important part of which is dataSources, where data sources for the GraphQL data layer are specified. The template includes two helpful examples of data.
- /jungle/build/ – This is the build output from running your Jungle app, and is the directory which should be deployed to hosting.
- /static – This holds all of your static files, and the contents of which will be inserted into the /jungle/build/ directory to be used by the rest of your app.
- /src/routes/ – This holds all of the routes which will be turned into static pages. Routes can be nested within folders, use multiword or singleword names, or even use a route variable as shown in the /blog/[slug].svelte route file. A route named Index.svelte will act as the route for the name of the folder it resides in.
- /src/components/ – This holds all of the components to be used in multiple routes within your app. These components can access the GraphQL layer just like the routes can.
Additional
Jungle was designed for the modern web, as a framework that lets you design websites to be only what they need to be – nothing more, and nothing less. Build static websites quickly, with powerful modern tools in a simple way.
Okay that’s are very good move.. keep straight to full documentation on here.. cyaaa…
