T
TanStack•2mo ago
other-emerald

BootStepper | Learn Line Dancing with St...

🥾 I built a site that fixes everything wrong with line dance websites 💃🕺 Line dance sites haven’t changed in decades. They’re slow, hard to search, and not built for mobile. So I built BootStepper — a fresh, modern platform where you can find dances, songs, and choreographers instantly, track trends, create playlists, and even host live sessions. It’s like Spotify meets IMDb for the line dance world. — Built with oRPC and TanStack Start 🚀
BootStepper
BootStepper | Learn Line Dancing with Step-by-Step Tutorials
Master line dancing with BootStepper! Access thousands of step sheets, video tutorials, and songs from top choreographers. Perfect for beginners and advanced dancers.
3 Replies
foreign-sapphire
foreign-sapphire•2mo ago
Hey! U used orpc, could you elobarate how u used orpc? As im planning to Start new project and wondering do i need trpc or orpc with it
ambitious-aqua
ambitious-aqua•2mo ago
Hey @Raz - is it possible to share your vite config? Trying to build my project, but it keeps failing
eastern-cyan
eastern-cyan•2mo ago
I used oRPC for all of the Client-Server API calls, things such as searchDances or getPlaylistById etc 🙂 Happy to answer any other questions you might have Sure thing, this is my current one: 
import tailwindcss from "@tailwindcss/vite";
import { nitroV2Plugin } from "@tanstack/nitro-v2-vite-plugin";
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import viteTsConfigPaths from "vite-tsconfig-paths";

const config = defineConfig(async () => {
  return {
    server: {
      cors: true,
    },
    plugins: [
      viteTsConfigPaths({
        projects: ["./tsconfig.json"],
      }),
      tanstackStart(),
      nitroV2Plugin(),
      viteReact(),
      tailwindcss(),
    ],
  };
});

export default config;
import tailwindcss from "@tailwindcss/vite";
import { nitroV2Plugin } from "@tanstack/nitro-v2-vite-plugin";
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import viteTsConfigPaths from "vite-tsconfig-paths";

const config = defineConfig(async () => {
  return {
    server: {
      cors: true,
    },
    plugins: [
      viteTsConfigPaths({
        projects: ["./tsconfig.json"],
      }),
      tanstackStart(),
      nitroV2Plugin(),
      viteReact(),
      tailwindcss(),
    ],
  };
});

export default config;

Did you find this page helpful?