Hi, First of all, excellent product! I've been using Root and not I'm addicted to Spike. I would like to know how would be the best way to handle forms? Like a Contact Form? What would be the best approach? How do you guys handle this? Frontend / Backend?
Posted by Ben Legault about a month ago
I'd like to build a list of links automatically from every file in a subfolder of /Views. For example, in a hypothetical /views/category/index.sgr, I'd like to build a list of links by enumerating all the files in that folder. e.g. /Views/category/page1.sgr /Views/category/page2.sgr /Views/category/pageX.sgr Any suggestions on how to accomplish this?
Posted by Justin H about a month ago
Hi there, I'm a Middleman user taking a look at Spike as the JS/Webpack platform looks really intriguing. One feature that I haven't been able to find in the docs is something like dynamic pages (e.g. https://middlemanapp.com/advanced/dynamic-pages/). Is this something that Spike supports, if not, is there another way it could be accomplished?
Posted by Tim about a month ago
Hi, two more questions: 1. Is it possible to put a block inside a block? I tried something like this and it doesn't work: block(name='content') h1 Hello world! block(name='subcontent1') h1 Hello Olli! block(name='subcontent2') 2. Is it possible to include something depending on a variable. I tried something like this and it doesn't work: include(src='includes/lectures/{{ name }}.sgr') The background is the following: I would like to generate my site https://ob.cs.hm.edu/ using spike. Code can be found at https://github.com/obcode/ob.cs.hm.edu/tree/spike. Some pages under /lecture have the same structure, but different content. I would like to use one layout and "inject" the content. I can do it via locals, but some parts are larger than just one value.
Posted by Oliver Braun about a month ago
Hi, another question. The current code can be found at https://github.com/obcode/ob.cs.hm.edu/tree/spike I want to generate some pages in a subfolder `lectures`. These files start with extends(src='../withPortfolio.sgr') `withPortfolio.sgr` starts with extends(src='layout.sgr') Without subdirs everything is working, but now I get: ModuleBuildError: Module build failed: Error: ENOENT: no such file or directory, open '.../views/lectures/layout.sgr' which is quite clear for me, but I am looking for a solution how I can generate pages top-level and inside a subfolder `lectures` with the same layouts.
Posted by Oliver Braun about a month ago
I would like to move my website from hakyll to spike. I have some js-files from a wrapbootstrap-theme who are not copied to the output folder. What am I missing/doing wrong? The code is at https://github.com/obcode/ob.cs.hm.edu/tree/spike. I have started with `spike new` using the default template. Files which are not copied are found in assets/js and assets/cubeportfolio/js. The file `assets/js/app.js` is referenced from withing views/layout.sgr. Can anyone give me some help, please.
Posted by Oliver Braun 2 months ago
down vote favorite I'm trying to include purecss from npm into my spike app, which throws the loader error, can someone let me know the way to import css file from npm index.js: import purecss from 'purecss' ERROR: { ModuleParseError: Module parse failed: /Users/loganathans/projects/spike-app/node_modules/purecss/build/pure-min.css Unexpected token (11:76) app.js: const htmlStandards = require('reshape-standard') const cssStandards = require('spike-css-standards') const jsStandards = require('spike-js-standards') const pageId = require('spike-page-id') const path = require('path') const env = process.env.NODE_ENV module.exports = { devtool: 'source-map', matchers: { html: '*(**/)*.sgr', css: '*(**/)*.css' }, ignore: ['**/layout.sgr', '**/_*', '**/.*', 'readme.md', 'yarn.lock'], reshape: htmlStandards({ locals: (ctx) => { return { pageId: pageId(ctx), foo: 'bar' } }, minify: env === 'production' }), postcss: cssStandards({ parser: false, path: path.join(__dirname, './assets/css/css_modules'), minify: env === 'production', warnForDuplicates: env !== 'production' }), babel: jsStandards() }
Posted by Loganathan Sellappa 2 months ago
In the dev version of bootstrap 4 docs there is a section of using webpack, given spike is also based on webpack, how can I make sites that use bootstrap css and js? I don't mind using scss instead sss. I'm quite noob on webpack, so detailed explanation is welcomed
Posted by Zakaria 2 months ago
Hi Quick question: I would like to add an external js library into the project (like a jquery plugin). but any file i put in the assets/js folder doesnt get picked up. is there a way to tell webpack all the entries from js and the output files? i have done something like this before in my react projects if i have multiple apps: entry : { 'dashboard': APP_DIR + '/Dashboard.js', 'client': APP_DIR + '/Client.js' }, output : { path : BUILD_DIR, filename : '[name].bundle.js' }, module : { loaders : [ { test : /\.js?/, include : APP_DIR, loader : 'babel' } ] } Thank you!
Posted by Chris Rivera 7 months ago
Do you support windows? I made a test project and ran 'npm i spike -g' > 'spike new spike-test', then when I run 'spike watch' I get an error. That looks something an issue with running the cli commands. Bellow is a stack trace of the problem. I got really excited when I heard about Spike for windows, as someone who enjoys jekyll and javascript. Here's a gist of the stacktrace. Let me know what you think
Posted by Devan Huapaya 7 months ago
Hi i have been trying to to use regular html to write my layouts and html files and trying to follow the the reshape-standard doc by adding parser: false in my app.json reshape: (ctx) => { return htmlStandards({ webpack: ctx, parser: false, locals: { pageId: pageId(ctx), foo: 'bar' } }) }, when i keep the files as .sgr i get an error... when i rename my layout.sgr and index.sgr to .html it compiles but it does not actually do the layout parts Any help would be greatly appriciated
Posted by Chris Rivera 7 months ago
HI, I was wondering how we can access to remote data through an API? I'm using roots.cx with records and it works fine but how would I do the same with Spike? I'm evaluating Spike to find out if I would move over. Thank you very much for your help!!!
Posted by Ben Legault 7 months ago