├── package.json ├── README.md └── pages └── index.js /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nextjs-spotify", 3 | "version": "1.0.0", 4 | "description": "A Next.js project to embed Spotify playlist", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "next dev", 8 | "build": "next build", 9 | "start": "next start", 10 | "lint": "next lint" 11 | }, 12 | "dependencies": { 13 | "@vercel/speed-insights": "*", 14 | "@vercel/analytics": "*", 15 | "next": "13.5.5", 16 | "react": "18.2.0", 17 | "react-dom": "18.2.0" 18 | }, 19 | "devDependencies": { 20 | "eslint": "^8.32.0", 21 | "eslint-config-next": "^13.4.0" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | "WEBSITE YANG BUAT HARI HARI KALIAN MANGKIN CROT" 2 | 3 | 🗣️`GIMANA CARA RECODE NYA 🤓` 4 | 5 | bego lu ajg, nih tutornya 6 | 7 | - fork repo (kasih star ya kontol) 8 | - deploy ke vercel langsung 9 | - baru recode di github supaya bisa liat live perubahan 10 | 11 | 12 | 🗣️`CARA GANTI MUSIK SPOTIFY NYA GMNA🤓` 13 | - buat playlist terlebih dahulu 14 | - ambil link nya dengan cara share playlist spotify itu 15 | nah ntr link nya pasti kek gini 16 | 17 | > ```open.spotify.com/playlist/6e5psrTK5oyi4xFRCk4MRx?si=lLrFXLfETC2jVEGzFqSnDQ%0A``` 18 | 19 | lu ambil bagian yg selesai playlist aja 20 | 21 | berarti ambil yg ini 22 | 23 | > ```6e5psrTK5oyi4xFRCk4MRx``` 24 | 25 | baru di code index.tsx ganti yg url 26 | spotify mbled nya, ganti pas id nya aja yg ada strip itu 27 | 28 | *"dzbudzbuzrbubrz ngentot cape ngejelasin babi"* 29 | -------------------------------------------------------------------------------- /pages/index.js: -------------------------------------------------------------------------------- 1 | import Head from 'next/head' 2 | import { useEffect, useState } from 'react' 3 | 4 | export default function Home() { 5 | const [loading, setLoading] = useState(true) 6 | 7 | useEffect(() => { 8 | const timer = setTimeout(() => { 9 | setLoading(false) 10 | }, 5000) 11 | 12 | return () => clearTimeout(timer) 13 | }, []) 14 | 15 | return ( 16 | <> 17 | 18 | balxzzy | Spotify Music 19 | 20 | 21 | 22 | 23 |

24 |

25 |

26 |

balxzzy

27 |

28 | Kalimantan Timur, Samarinda 29 |

30 |

”destroyer.”

31 |

32 | 33 |

34 |

The Playlist I Listen To

35 |

36 | {loading && ( 37 |

38 | 39 |

40 | )} 41 | 48 |

49 |

50 | 51 |

52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 |

65 |

66 | 67 | ) 68 | } 69 | --------------------------------------------------------------------------------