DEV Community

Cover image for Exploring strapi.js - Build an instagram clone with strapi and svelte

Exploring strapi.js - Build an instagram clone with strapi and svelte

arnu515 on November 11, 2020

Hello wonderful people of DEV! Thanks for 50 followers by the way, you're all awesome! I'm back with another tutorial for you guys, and today, I've...
Collapse
 
xdevx32 profile image
xdevx32

I really liked your tutorial!
Just want to add a minor typo in the example which causes an error while running the Svelte frontend app. In the src/App.svelte the import should be like:

import Index from "./components/Index.svelte";
Enter fullscreen mode Exit fullscreen mode

While the example says:

import Index from "./routes/index.svelte";
Enter fullscreen mode Exit fullscreen mode

And maybe it's good to specify that Strapi uses at least node version 14 +. :)

So that's it! Everything else works fine! Thanks for the tips!

Collapse
 
arnu515 profile image
arnu515

Oops! I'll change it right away! Thank you

Collapse
 
arnu515 profile image
arnu515

If you're talking about the resolution, I tried using 720p, because my laptop is 1440x900 (macbook air), so I couldn't do 1080p

If you're talking about the text size, I'm sorry, I'll try to zoom in further next time :)

Collapse
 
vcoisne profile image
Victor Coisne

Awesome article, thank you! I work for Strapi and would love to chat about a potential talk on this topic at StrapiConf. Can we chat :) ?

Collapse
 
arnu515 profile image
arnu515

I've never been on any show like this before! I can provide my discord arnu515#9699, friend me there to talk :)

Collapse
 
timtrademark profile image
TimTrademark

I loved the article!
I'm curious to see the end result ^^.

Collapse
 
arnu515 profile image
arnu515

Thank you very much! I'm working on the second part of the article right now! Hopefully it comes out soon!

 
arnu515 profile image
arnu515

Thanks! Will try

Collapse
 
rifie profile image
Syarifah Riefandania ☄

Hello, nice article, I've got error: Uncaught ReferenceError: qs is not defined - main.ts. I saw your github, there's also defined qs.

thanks

Collapse
 
arnu515 profile image
arnu515

Hmm, looks like you have to import it.

import qs from "qs";
// or if using parse function only,
import {parse} from "qs";
Enter fullscreen mode Exit fullscreen mode

If you get an error after this also, (maybe module not found), then just install it:

npm i qs
Enter fullscreen mode Exit fullscreen mode

If using typescript, install types too:

npm i -D @types/qs
Enter fullscreen mode Exit fullscreen mode
Collapse
 
arnu515 profile image
arnu515

The second part is out! dev.to/arnu515/build-an-instagram-...