4 |
11 | )
12 | }
13 | export default Ping
14 |
--------------------------------------------------------------------------------
/components/ping-animate.tsx:
--------------------------------------------------------------------------------
1 | const Ping = () => {
2 | return (
3 |
5 |
6 |
7 |
8 |
9 |
10 |
4 |
11 | )
12 | }
13 | export default Ping
14 |
--------------------------------------------------------------------------------
/components/avatar.tsx:
--------------------------------------------------------------------------------
1 | import React, { HTMLAttributes } from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | export default function Avatar(props: HTMLAttributes
5 |
6 |
7 |
8 |
9 |
10 |
15 | {children}
16 |
17 | )
18 | }
19 |
--------------------------------------------------------------------------------
/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs))
6 | }
7 |
8 | export function formatDate(date: string) {
9 | return new Date(date).toLocaleDateString("en-US", {
10 | month: "long",
11 | day: "numeric",
12 | year: "numeric",
13 | })
14 | }
15 |
16 | export function parseServerActionResponse
14 | {children}
15 |
16 | )
17 | }
18 |
--------------------------------------------------------------------------------
/components/tag.tsx:
--------------------------------------------------------------------------------
1 | import React, { HTMLAttributes } from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | export default function Tag(props: HTMLAttributes
15 | ✶
16 | {children}
17 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/lib/validation.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod"
2 |
3 | export const formSchema = z.object({
4 | title: z.string().min(3).max(100),
5 | description: z.string().min(20).max(500),
6 | category: z.string().min(3).max(20),
7 | link: z
8 | .string()
9 | .url()
10 | .refine(async url => {
11 | try {
12 | const response = await fetch(url, { method: "HEAD" })
13 | const contentType = response.headers.get("content-type")
14 |
15 | return contentType?.startsWith("image/")
16 | } catch {
17 | return false
18 | }
19 | }),
20 | pitch: z.string().min(10),
21 | })
22 |
--------------------------------------------------------------------------------
/sanity/schemaTypes/playlist.ts:
--------------------------------------------------------------------------------
1 | import { defineField, defineType } from "sanity"
2 |
3 | export const playlist = defineType({
4 | name: "playlist",
5 | title: "Playlists",
6 | type: "document",
7 | fields: [
8 | defineField({
9 | name: "title",
10 | type: "string",
11 | }),
12 | defineField({
13 | name: "slug",
14 | type: "slug",
15 | options: {
16 | source: "title",
17 | },
18 | }),
19 | defineField({
20 | name: "select",
21 | type: "array",
22 | of: [{ type: "reference", to: [{ type: "startup" }] }],
23 | }),
24 | ],
25 | })
26 |
--------------------------------------------------------------------------------
/app/(root)/startup/create/page.tsx:
--------------------------------------------------------------------------------
1 | import { redirect } from "next/navigation"
2 |
3 | import { auth } from "@/auth"
4 | import StartupForm from "@/components/startup-form"
5 |
6 | const Page = async () => {
7 | const session = await auth()
8 |
9 | if (!session) redirect("/")
10 |
11 | return (
12 | <>
13 | 15 | Submit Your Startup 16 |
17 |No posts yet
18 | )} 19 | 20 | ) 21 | } 22 | export default UserStartups 23 | -------------------------------------------------------------------------------- /components/ui/textarea.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | import { cn } from "@/lib/utils" 4 | 5 | const Textarea = React.forwardRef< 6 | HTMLTextAreaElement, 7 | React.ComponentProps<"textarea"> 8 | >(({ className, ...props }, ref) => { 9 | return ( 10 | 18 | ) 19 | }) 20 | Textarea.displayName = "Textarea" 21 | 22 | export { Textarea } 23 | -------------------------------------------------------------------------------- /components/feature-card.tsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import { twMerge } from "tailwind-merge" 3 | 4 | export default function FeatureCard(props: { 5 | title: string 6 | description: string 7 | children?: React.ReactNode 8 | className?: string 9 | }) { 10 | const { title, description, children, className } = props 11 | return ( 12 |
18 |
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/app/global-error.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as Sentry from "@sentry/nextjs"
4 | import NextError from "next/error"
5 | import { useEffect } from "react"
6 |
7 | export default function GlobalError({
8 | error,
9 | }: {
10 | error: Error & { digest?: string }
11 | }) {
12 | useEffect(() => {
13 | Sentry.captureException(error)
14 | }, [error])
15 |
16 | return (
17 |
18 |
19 | {/* `NextError` is the default Next.js error page component. Its type
20 | definition requires a `statusCode` prop. However, since the App Router
21 | does not expose status codes for errors, we simply pass 0 to render a
22 | generic error message. */}
23 | {children}
19 |
20 |
23 | {title}
21 |{description}
22 |
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |
23 |
31 | )
32 | }
33 | export default View
34 |
--------------------------------------------------------------------------------
/components/views-badge.tsx:
--------------------------------------------------------------------------------
1 | import { after } from "next/server"
2 |
3 | import Ping from "@/components/ping-animate"
4 | import { client } from "@/sanity/lib/client"
5 | import { STARTUP_VIEWS_QUERY } from "@/sanity/lib/queries"
6 | import { writeClient } from "@/sanity/lib/write-client"
7 |
8 | const View = async ({ id }: { id: string }) => {
9 | const { views: totalViews } = await client
10 | .withConfig({ useCdn: false })
11 | .fetch(STARTUP_VIEWS_QUERY, { id })
12 |
13 | after(
14 | async () =>
15 | await writeClient
16 | .patch(id)
17 | .set({ views: totalViews + 1 })
18 | .commit(),
19 | )
20 |
21 | return (
22 |
24 |
26 |
27 | 28 | Views: {totalViews} 29 |
30 |
23 |
31 | )
32 | }
33 | export default View
34 |
--------------------------------------------------------------------------------
/public/images/twice.svg:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/sanity.config.ts:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | /**
4 | * This configuration is used to for the Sanity Studio that’s mounted on the `/app/studio/[[...tool]]/page.tsx` route
5 | */
6 |
7 | import { visionTool } from "@sanity/vision"
8 | import { defineConfig } from "sanity"
9 | import { structureTool } from "sanity/structure"
10 | import { markdownSchema } from "sanity-plugin-markdown"
11 |
12 | // Go to https://www.sanity.io/docs/api-versioning to learn how API versioning works
13 | import { apiVersion, dataset, projectId } from "./sanity/env"
14 | import { schema } from "./sanity/schemaTypes"
15 | import { structure } from "./sanity/structure"
16 |
17 | export default defineConfig({
18 | basePath: "/studio",
19 | projectId,
20 | dataset,
21 | // Add and edit the content schema in the './sanity/schemaTypes' folder
22 | schema,
23 | plugins: [
24 | structureTool({ structure }),
25 | // Vision is for querying with GROQ from inside the Studio
26 | // https://www.sanity.io/docs/the-vision-plugin
27 | visionTool({ defaultApiVersion: apiVersion }),
28 | markdownSchema(),
29 | ],
30 | })
31 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "next/core-web-vitals",
4 | "plugin:unicorn/recommended",
5 | "plugin:import/recommended",
6 | // "plugin:playwright/recommended",
7 | // "plugin:prettier/recommended",
8 | "plugin:tailwindcss/recommended"
9 | ],
10 | "plugins": ["simple-import-sort", "tailwindcss"],
11 | "rules": {
12 | "simple-import-sort/exports": "error",
13 | "simple-import-sort/imports": "error",
14 | "tailwindcss/classnames-order": "error",
15 | "tailwindcss/no-custom-classname": "off",
16 | "unicorn/no-array-callback-reference": "off",
17 | "unicorn/no-array-for-each": "off",
18 | "unicorn/no-array-reduce": "off",
19 | "unicorn/prevent-abbreviations": [
20 | "error",
21 | {
22 | "allowList": {
23 | "e2e": true
24 | },
25 | "replacements": {
26 | "props": false,
27 | "ref": false,
28 | "params": false
29 | }
30 | }
31 | ]
32 | },
33 | "overrides": [
34 | {
35 | "files": ["*.js"],
36 | "rules": {
37 | "unicorn/prefer-module": "off"
38 | }
39 | }
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/components/homepage/footer.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image"
2 |
3 | import logoImage from "@/public/images/logo.svg"
4 |
5 | const footerLinks = [
6 | { href: "#", label: "Contact" },
7 | { href: "#", label: "Privacy Policy" },
8 | { href: "#", label: "Terms & Conditions" },
9 | ]
10 |
11 | export default function Footer() {
12 | return (
13 |
24 |
26 |
27 | 28 | Views: {totalViews} 29 |
30 |
15 |
34 |
16 |
33 |
17 |
19 |
20 |
31 |
32 |
12 |
27 |
38 | )
39 | }
40 |
--------------------------------------------------------------------------------
/sanity/schemaTypes/startup.ts:
--------------------------------------------------------------------------------
1 | import { defineField, defineType } from "sanity"
2 |
3 | export const startup = defineType({
4 | name: "startup",
5 | title: "Startup",
6 | type: "document",
7 | fields: [
8 | defineField({
9 | name: "title",
10 | type: "string",
11 | }),
12 | defineField({
13 | name: "slug",
14 | type: "slug",
15 | options: {
16 | source: "title",
17 | },
18 | }),
19 | defineField({
20 | name: "author",
21 | type: "reference",
22 | to: { type: "author" },
23 | }),
24 | defineField({
25 | name: "views",
26 | type: "number",
27 | }),
28 | defineField({
29 | name: "description",
30 | type: "text",
31 | }),
32 | defineField({
33 | name: "category",
34 | type: "string",
35 | validation: Rule =>
36 | Rule.min(1).max(20).required().error("Please enter a category"),
37 | }),
38 | defineField({
39 | name: "image",
40 | type: "url",
41 | validation: Rule => Rule.required(),
42 | }),
43 | defineField({
44 | name: "pitch",
45 | type: "markdown",
46 | }),
47 | ],
48 | })
49 |
--------------------------------------------------------------------------------
/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import { cva, type VariantProps } from "class-variance-authority"
2 | import * as React from "react"
3 |
4 | import { cn } from "@/lib/utils"
5 |
6 | const badgeVariants = cva(
7 | "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
8 | {
9 | variants: {
10 | variant: {
11 | default:
12 | "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
13 | secondary:
14 | "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15 | destructive:
16 | "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
17 | outline: "text-foreground",
18 | },
19 | },
20 | defaultVariants: {
21 | variant: "default",
22 | },
23 | },
24 | )
25 |
26 | export interface BadgeProps
27 | extends React.HTMLAttributes
28 |
37 |
34 | {name}
35 |
36 |
15 | Recent Pitches
16 |
28 | {startups.length > 0 ? (
29 | startups.map((startup: StartupTypeCard) => (
30 |
36 |
37 | )
38 | }
39 |
--------------------------------------------------------------------------------
/auth.ts:
--------------------------------------------------------------------------------
1 | import NextAuth from "next-auth"
2 | import GitHub from "next-auth/providers/github"
3 |
4 | import { client } from "@/sanity/lib/client"
5 | import { AUTHOR_BY_GITHUB_ID_QUERY } from "@/sanity/lib/queries"
6 | import { writeClient } from "@/sanity/lib/write-client"
7 |
8 | export const { handlers, auth, signIn, signOut } = NextAuth({
9 | providers: [GitHub],
10 | callbacks: {
11 | async signIn({
12 | user: { name, email, image },
13 | profile: { id, login, bio },
14 | }) {
15 | const existingUser = await client
16 | .withConfig({ useCdn: false })
17 | .fetch(AUTHOR_BY_GITHUB_ID_QUERY, {
18 | id,
19 | })
20 |
21 | if (!existingUser) {
22 | await writeClient.create({
23 | _type: "author",
24 | id,
25 | name,
26 | username: login,
27 | email,
28 | image,
29 | bio: bio || "",
30 | })
31 | }
32 | return true
33 | },
34 | async jwt({ token, account, profile }) {
35 | if (account && profile) {
36 | const user = await client
37 | .withConfig({ useCdn: false })
38 | .fetch(AUTHOR_BY_GITHUB_ID_QUERY, {
39 | id: profile?.id,
40 | })
41 |
42 | token.id = user?._id
43 | }
44 |
45 | return token
46 | },
47 | async session({ session, token }) {
48 | Object.assign(session, { id: token.id })
49 | return session
50 | },
51 | },
52 | })
53 |
--------------------------------------------------------------------------------
/lib/actions.ts:
--------------------------------------------------------------------------------
1 | "use server"
2 |
3 | import slugify from "slugify"
4 |
5 | import { auth } from "@/auth"
6 | import { parseServerActionResponse } from "@/lib/utils"
7 | import { writeClient } from "@/sanity/lib/write-client"
8 |
9 | export const createPitch = async (
10 | state: any,
11 | form: FormData,
12 | pitch: string,
13 | ) => {
14 | const session = await auth()
15 |
16 | if (!session)
17 | return parseServerActionResponse({
18 | error: "Not signed in",
19 | status: "ERROR",
20 | })
21 |
22 | const { title, description, category, link } = Object.fromEntries(
23 | [...form].filter(([key]) => key !== "pitch"),
24 | )
25 |
26 | const slug = slugify(title as string, { lower: true, strict: true })
27 |
28 | try {
29 | const startup = {
30 | title,
31 | description,
32 | category,
33 | image: link,
34 | slug: {
35 | _type: slug,
36 | current: slug,
37 | },
38 | author: {
39 | _type: "reference",
40 | _ref: session?.id,
41 | },
42 | pitch,
43 | }
44 |
45 | const result = await writeClient.create({ _type: "startup", ...startup })
46 |
47 | return parseServerActionResponse({
48 | ...result,
49 | error: "",
50 | status: "SUCCESS",
51 | })
52 | } catch (error) {
53 | console.log(error)
54 |
55 | return parseServerActionResponse({
56 | error: JSON.stringify(error),
57 | status: "ERROR",
58 | })
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/public/images/notion-logo.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as AvatarPrimitive from "@radix-ui/react-avatar"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Avatar = React.forwardRef<
9 | React.ElementRef17 | Fresh Ideas on the Horizon 18 |
19 |No posts yet
34 | )} 35 |
38 |
50 | ))}
51 |
39 |
45 | {integration.name}
46 |47 | {integration.description} 48 |
49 |
33 | setIsHovered(true)}
36 | onMouseLeave={() => setIsHovered(false)}
37 | className="group flex flex-none cursor-pointer gap-16 pr-16 text-7xl font-medium md:text-8xl"
38 | >
39 | {Array.from({ length: 10 }).map((_, index) => (
40 |
48 |
49 |
41 | ✶
42 |
43 | Try it Now!
44 |
45 |
46 | ))}
47 |
32 |
58 |
33 |
55 |
56 |
57 |
34 | Introducing Next ventures
35 |
36 |
37 |
38 | Your startup ideas deserve the spotlight.{" "}
39 |
40 | {words.map((word, wordIndex) => (
41 | {`${word} `}
48 | ))}
49 |
50 |
51 | That's why we built Next ventures.
52 |
53 |
54 |
30 |
59 | 31 | Trusted by Innovative Companies 32 |
33 | 34 |
35 |
44 | {Array.from({ length: 2 }).map((_, index) => (
45 |
46 | {logos.map(logo => (
47 |
55 | ))}
56 |
57 |
58 |
26 |
30 |
27 | ✨ £7.5M seed round raised
28 |
29 |
31 | Pitch Your Startup,
32 | Connect With Entrepreneurs
33 |
34 | 35 | Submit Ideas, Vote on Pitches, and Get Noticed in Virtual 36 | Competitions. 37 |
38 |
42 |
58 | 43 | {query ? `Search results for "${query}"` : "All Startups"} 44 |
45 | 46 | {posts && posts.length > 0 ? ( 47 |-
48 | {posts.map((post: StartupTypeCard) => (
49 |
54 | No startups found 55 |
56 | )} 57 |
49 |
74 |
50 |
73 |
51 | Integrations
52 |
62 | 53 | Works Seamlessly with Your{" "} 54 | Tools 55 |
56 |57 | Next ventures integrates effortlessly with your favorite 58 | platforms, enabling smooth workflows and enhanced collaboration 59 | for entrepreneurs and teams. 60 |
61 |
63 |
72 |
64 |
71 |
24 |
70 | )
71 | }
72 |
73 | export default Page
74 |
--------------------------------------------------------------------------------
/public/images/relume-logo.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/app/sentry-example-page/page.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as Sentry from "@sentry/nextjs"
4 | import Head from "next/head"
5 |
6 | export default function Page() {
7 | return (
8 |
25 |
69 |
26 |
27 |
38 | {user.name}
39 |
43 |
44 |
55 |
56 |
57 |
58 |
28 |
37 |
29 |
30 |
32 | {user.name.charAt(0)}
33 |
34 |
35 |
36 | 40 | @{user?.username} 41 |
42 |{user?.bio}
45 | 46 | 52 |
59 |
68 | 60 | {session?.id === id ? "Your" : `${user.name}'s`} Startups 61 |
62 |
63 |
67 |
9 |
10 | Sentry Onboarding
11 |
12 |
13 |
14 |
23 |
83 |
84 | )
85 | }
86 |
--------------------------------------------------------------------------------
/components/general-swiper.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import "swiper/css"
4 | import "swiper/css/navigation"
5 | import "swiper/css/pagination"
6 |
7 | import { ChevronLeft, ChevronRight } from "lucide-react"
8 | import React, { ReactNode, useState } from "react"
9 | import type { Swiper as SwiperType } from "swiper"
10 | import { Autoplay, Navigation, Pagination } from "swiper/modules"
11 | import { Swiper, SwiperSlide } from "swiper/react"
12 |
13 | interface GeneralSwiperProps {
14 | children: ReactNode
15 | slidesPerView?: number | { [key: number]: number }
16 | spaceBetween?: number
17 | autoplay?: boolean | { delay: number; disableOnInteraction: boolean }
18 | loop?: boolean
19 | navigation?: boolean
20 | pagination?: boolean
21 | className?: string
22 | }
23 |
24 | export function GeneralSwiper({
25 | children,
26 | slidesPerView = 1,
27 | spaceBetween = 20,
28 | autoplay = false,
29 | loop = true,
30 | navigation = true,
31 | pagination = true,
32 | className = "",
33 | }: GeneralSwiperProps) {
34 | const [swiper, setSwiper] = useState24 | 36 |
37 | 38 |Get started by sending us a sample error:
39 | 68 | 69 |70 | Next, look for the error on the{" "} 71 | 72 | Issues Page 73 | 74 | . 75 |
76 |77 | For more information, see{" "} 78 | 79 | https://docs.sentry.io/platforms/javascript/guides/nextjs/ 80 | 81 |
82 |
58 |
93 | {React.Children.map(children, (child, index) => (
94 | {child}
95 | ))}
96 |
97 | {pagination && }
98 | {navigation && (
99 | <>
100 |
119 | )
120 | }
121 |
--------------------------------------------------------------------------------
/components/homepage/faqs.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import { AnimatePresence, motion } from "framer-motion"
3 | import { useState } from "react"
4 |
5 | import Tag from "@/components/tag"
6 | import { cn } from "@/lib/utils"
7 |
8 | const faqs = [
9 | {
10 | question: "What makes Next ventures unique?",
11 | answer:
12 | "Next ventures combines simplicity with powerful features to help entrepreneurs share their ideas and gain exposure. It’s designed to be user-friendly and offers tools specifically tailored for virtual pitch competitions and networking.",
13 | },
14 | {
15 | question: "Is Next ventures suitable for beginners?",
16 | answer:
17 | "Absolutely! Next ventures is intuitive and easy to use from the start. Whether you’re an experienced entrepreneur or just starting out, the platform guides you every step of the way.",
18 | },
19 | {
20 | question: "How does the pitch submission process work?",
21 | answer:
22 | "Submitting your pitch is straightforward. Just create an account, upload your idea, and fill out a few details. Your pitch will be live and ready for others to discover and vote on.",
23 | },
24 | {
25 | question: "Can I collaborate with others on my pitch?",
26 | answer:
27 | "Yes! Next ventures allows you to invite collaborators to work on pitches, share insights, and refine your ideas for the best presentation.",
28 | },
29 | {
30 | question: "What kind of exposure can I expect?",
31 | answer:
32 | "Next ventures is designed to connect you with a global audience of entrepreneurs, investors, and innovators. Your ideas can gain visibility through voting, networking, and virtual competitions.",
33 | },
34 | ]
35 |
36 | export default function Faqs() {
37 | const [selectedIndex, setSelectedIndex] = useState(0)
38 |
39 | return (
40 | swiper?.slidePrev()}
103 | role="button"
104 | aria-label="Previous slide"
105 | >
106 |
108 | swiper?.slideNext()}
111 | role="button"
112 | aria-label="Next slide"
113 | >
114 |
116 |
117 | )}
118 |
42 |
99 |
43 | Faqs
44 |
45 | 46 | Questions? We've got{" "} 47 | answers 48 |
49 |
50 | {faqs.map((faq, faqIndex) => (
51 |
98 |
55 |
81 | {selectedIndex === faqIndex && (
82 |
91 |
93 | )}
94 |
95 |
96 | ))}
97 | setSelectedIndex(faqIndex)}
58 | >
59 |
79 |
80 | {faq.question}
60 | 78 |{faq.answer}
92 |
31 |
39 | 32 | {formatDate(_createdAt)} 33 |
34 |
35 |
38 |
43 |
55 | {author?.name?.charAt(0)}
57 |
58 |
59 |
60 |
61 |
44 |
45 |
53 |
54 | {author?.name}
46 | 47 | 48 |49 | {title} 50 |
51 | 52 |62 | {description} 63 |
64 |
65 |
72 |
73 |
97 |
103 |
98 |
101 |
69 |
77 |
83 |
88 |
90 |
91 |
98 |
104 |
109 |
111 |
112 |
118 | Pitch Your Startup,
121 |
128 |
113 |
117 |
114 | ✨ Secured £7.5M in Seed Funding
115 |
116 |
118 | Pitch Your Startup,
119 | Connect With Entrepreneurs
120 |
121 | 122 | Submit your startup ideas, explore innovative pitches, and shine in 123 | virtual competitions with a sleek, user-friendly platform designed to 124 | empower entrepreneurs. 125 |
126 |
2 |
3 |
6 |
7 |
8 |
21 |
22 | ## 📋 Table of Contents
23 |
24 | 1. 🤖 [Introduction](#introduction)
25 | 2. ⚙️ [Tech Stack](#tech-stack)
26 | 3. 🔋 [Features](#features)
27 | 4. 🤸 [Quick Start](#quick-start)
28 |
29 |
30 | ## 🚨 About
31 |
32 | This project showcases the latest features of Next.js 15, including Next.js Form
33 | for seamless client-side form submissions, Unstable After for background tasks,
34 | Server Component HMR Cache for faster development, and Partial Prerendering for
35 | performance optimization.
36 |
37 | ## 🤖 Introduction
38 |
39 | A Next.js 15 platform where entrepreneurs can submit their startup ideas for
40 | virtual pitch competitions, browse other pitches, and gain exposure through a
41 | clean minimalistic design for a smooth user experience.
42 |
43 | ## ⚙️ Tech Stack
44 |
45 | - React 19
46 | - Next.js 15
47 | - TypeScript
48 | - Sanity
49 | - Next-Auth
50 | - TailwindCSS
51 | - ShadCN
52 | - Groq
53 | - Sentry
54 | - Markdown
55 |
56 | ## 🔋 Features
57 |
58 | 👉 **Live Content API**: Displays the latest startup ideas dynamically on the
59 | homepage using Sanity's Content API.
60 |
61 | 👉 **GitHub Authentication**: Allows users to log in easily using their GitHub
62 | account.
63 |
64 | 👉 **Pitch Submission**: Users can submit startup ideas, including title,
65 | description, category, and multimedia links ( image or video).
66 |
67 | 👉 **View Pitches**: Browse through submitted ideas with filtering options by
68 | category.
69 |
70 | 👉 **Pitch Details Page**: Click on any pitch to view its details, with
71 | multimedia and description displayed.
72 |
73 | 👉 **Profile Page**: Users can view the list of pitches they've submitted.
74 |
75 | 👉 **Editor Picks**: Admins can highlight top startup ideas using the "Editor
76 | Picks" feature managed via Sanity Studio.
77 |
78 | 👉 **Views Counter**: Tracks the number of views for each pitch instead of an
79 | upvote system.
80 |
81 | 👉 **Search**: Search functionality to load and view pitches efficiently.
82 |
83 | 👉 **Minimalistic Design**: Fresh and simple UI with only the essential pages
84 | for ease of use and a clean aesthetic.
85 |
86 | and many more, including the latest **React 19**, **Next.js 15** and **Sanity**
87 | features alongside code architecture and reusability
88 |
89 | ## 🤸 Quick Start
90 |
91 | Follow these steps to set up the project locally on your machine.
92 |
93 | **Prerequisites**
94 |
95 | Make sure you have the following installed on your machine:
96 |
97 | - [Git](https://git-scm.com/)
98 | - [Node.js](https://nodejs.org/en)
99 | - [npm](https://www.npmjs.com/) (Node Package Manager)
100 |
101 | **Cloning the Repository**
102 |
103 | ```bash
104 | git clone https://github.com/AayushBharti/Next-ventures.git
105 | cd pitchify
106 | ```
107 |
108 |
131 |
132 |
144 |
--------------------------------------------------------------------------------
/sanity/types.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * ---------------------------------------------------------------------------------
3 | * This file has been generated by Sanity TypeGen.
4 | * Command: `sanity typegen generate`
5 | *
6 | * Any modifications made directly to this file will be overwritten the next time
7 | * the TypeScript definitions are generated. Please make changes to the Sanity
8 | * schema definitions and/or GROQ queries if you need to update these types.
9 | *
10 | * For more information on how to use Sanity TypeGen, visit the official documentation:
11 | * https://www.sanity.io/docs/sanity-typegen
12 | * ---------------------------------------------------------------------------------
13 | */
14 |
15 | // Source: schema.json
16 | export type SanityImagePaletteSwatch = {
17 | _type: "sanity.imagePaletteSwatch"
18 | background?: string
19 | foreground?: string
20 | population?: number
21 | title?: string
22 | }
23 |
24 | export type SanityImagePalette = {
25 | _type: "sanity.imagePalette"
26 | darkMuted?: SanityImagePaletteSwatch
27 | lightVibrant?: SanityImagePaletteSwatch
28 | darkVibrant?: SanityImagePaletteSwatch
29 | vibrant?: SanityImagePaletteSwatch
30 | dominant?: SanityImagePaletteSwatch
31 | lightMuted?: SanityImagePaletteSwatch
32 | muted?: SanityImagePaletteSwatch
33 | }
34 |
35 | export type SanityImageDimensions = {
36 | _type: "sanity.imageDimensions"
37 | height?: number
38 | width?: number
39 | aspectRatio?: number
40 | }
41 |
42 | export type SanityImageHotspot = {
43 | _type: "sanity.imageHotspot"
44 | x?: number
45 | y?: number
46 | height?: number
47 | width?: number
48 | }
49 |
50 | export type SanityImageCrop = {
51 | _type: "sanity.imageCrop"
52 | top?: number
53 | bottom?: number
54 | left?: number
55 | right?: number
56 | }
57 |
58 | export type SanityFileAsset = {
59 | _id: string
60 | _type: "sanity.fileAsset"
61 | _createdAt: string
62 | _updatedAt: string
63 | _rev: string
64 | originalFilename?: string
65 | label?: string
66 | title?: string
67 | description?: string
68 | altText?: string
69 | sha1hash?: string
70 | extension?: string
71 | mimeType?: string
72 | size?: number
73 | assetId?: string
74 | uploadId?: string
75 | path?: string
76 | url?: string
77 | source?: SanityAssetSourceData
78 | }
79 |
80 | export type SanityImageAsset = {
81 | _id: string
82 | _type: "sanity.imageAsset"
83 | _createdAt: string
84 | _updatedAt: string
85 | _rev: string
86 | originalFilename?: string
87 | label?: string
88 | title?: string
89 | description?: string
90 | altText?: string
91 | sha1hash?: string
92 | extension?: string
93 | mimeType?: string
94 | size?: number
95 | assetId?: string
96 | uploadId?: string
97 | path?: string
98 | url?: string
99 | metadata?: SanityImageMetadata
100 | source?: SanityAssetSourceData
101 | }
102 |
103 | export type SanityImageMetadata = {
104 | _type: "sanity.imageMetadata"
105 | location?: Geopoint
106 | dimensions?: SanityImageDimensions
107 | palette?: SanityImagePalette
108 | lqip?: string
109 | blurHash?: string
110 | hasAlpha?: boolean
111 | isOpaque?: boolean
112 | }
113 |
114 | export type Geopoint = {
115 | _type: "geopoint"
116 | lat?: number
117 | lng?: number
118 | alt?: number
119 | }
120 |
121 | export type SanityAssetSourceData = {
122 | _type: "sanity.assetSourceData"
123 | name?: string
124 | id?: string
125 | url?: string
126 | }
127 |
128 | export type Playlist = {
129 | _id: string
130 | _type: "playlist"
131 | _createdAt: string
132 | _updatedAt: string
133 | _rev: string
134 | title?: string
135 | slug?: Slug
136 | select?: Array<{
137 | _ref: string
138 | _type: "reference"
139 | _weak?: boolean
140 | _key: string
141 | [internalGroqTypeReferenceTo]?: "startup"
142 | }>
143 | }
144 |
145 | export type Startup = {
146 | _id: string
147 | _type: "startup"
148 | _createdAt: string
149 | _updatedAt: string
150 | _rev: string
151 | title?: string
152 | slug?: Slug
153 | author?: {
154 | _ref: string
155 | _type: "reference"
156 | _weak?: boolean
157 | [internalGroqTypeReferenceTo]?: "author"
158 | }
159 | views?: number
160 | description?: string
161 | category?: string
162 | image?: string
163 | pitch?: string
164 | }
165 |
166 | export type Slug = {
167 | _type: "slug"
168 | current?: string
169 | source?: string
170 | }
171 |
172 | export type Author = {
173 | _id: string
174 | _type: "author"
175 | _createdAt: string
176 | _updatedAt: string
177 | _rev: string
178 | id?: number
179 | name?: string
180 | username?: string
181 | email?: string
182 | image?: string
183 | bio?: string
184 | }
185 |
186 | export type Markdown = string
187 |
188 | export type AllSanitySchemaTypes =
189 | | SanityImagePaletteSwatch
190 | | SanityImagePalette
191 | | SanityImageDimensions
192 | | SanityImageHotspot
193 | | SanityImageCrop
194 | | SanityFileAsset
195 | | SanityImageAsset
196 | | SanityImageMetadata
197 | | Geopoint
198 | | SanityAssetSourceData
199 | | Playlist
200 | | Startup
201 | | Slug
202 | | Author
203 | | Markdown
204 | export declare const internalGroqTypeReferenceTo: unique symbol
205 |
--------------------------------------------------------------------------------
/app/(root)/startup/[id]/page.tsx:
--------------------------------------------------------------------------------
1 | import markdownit from "markdown-it"
2 | import Image from "next/image"
3 | import Link from "next/link"
4 | import { notFound } from "next/navigation"
5 | import { Suspense } from "react"
6 |
7 | import { GeneralSwiper } from "@/components/general-swiper"
8 | import StartupCard, { StartupTypeCard } from "@/components/startup-card"
9 | import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
10 | import { Badge } from "@/components/ui/badge"
11 | import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
12 | import { Skeleton } from "@/components/ui/skeleton"
13 | import View from "@/components/views-badge"
14 | import { formatDate } from "@/lib/utils"
15 | import { client } from "@/sanity/lib/client"
16 | import {
17 | PLAYLIST_BY_SLUG_QUERY,
18 | STARTUP_BY_ID_QUERY,
19 | } from "@/sanity/lib/queries"
20 |
21 | const md = markdownit()
22 |
23 | export const experimental_ppr = true
24 |
25 | const Page = async ({ params }: { params: Promise<{ id: string }> }) => {
26 | const { id } = await params
27 |
28 | //parallel request fetching
29 | const [post, { select: editorPosts }] = await Promise.all([
30 | client.fetch(STARTUP_BY_ID_QUERY, { id }),
31 | client.fetch(PLAYLIST_BY_SLUG_QUERY, {
32 | slug: "editor-picks",
33 | }),
34 | ])
35 |
36 | if (!post) return notFound()
37 |
38 | const parsedContent = md.render(post?.pitch || "")
39 |
40 | return (
41 |
9 | 
10 | 
11 | 
12 | 
13 |
14 |
15 |
10 |
11 |
12 |
13 | Next ventures - Startup Directory Platform
16 | 17 |
18 | A platform where entrepreneurs can submit their startup ideas for virtual pitch competitions, browse other pitches, and gain exposure through a clean minimalistic design for a smooth user experience.
19 |
20 |
42 |
43 | {formatDate(post?._createdAt)}
44 |
51 |
52 |
53 |
61 |
62 |
89 |
90 | Pitch Details
91 |
92 |
93 | {parsedContent ? (
94 |
98 | ) : (
99 |
102 |
103 |
104 |
105 | 106 | {editorPosts && editorPosts.length > 0 && ( 107 |
133 |
134 | )
135 | }
136 |
137 | export default Page
138 |
--------------------------------------------------------------------------------
/components/ui/toast.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import { Cross2Icon } from "@radix-ui/react-icons"
5 | import * as ToastPrimitives from "@radix-ui/react-toast"
6 | import { cva, type VariantProps } from "class-variance-authority"
7 |
8 | import { cn } from "@/lib/utils"
9 |
10 | const ToastProvider = ToastPrimitives.Provider
11 |
12 | const ToastViewport = React.forwardRef<
13 | React.ElementRef45 | {post.title} 46 |
47 |48 | {post.description} 49 |
50 |
63 |
67 |
68 |
70 | {post.author.name.charAt(0)}
71 |
72 |
73 |
84 | {post.category}
85 |
86 |
87 |
88 |
74 |
79 |
80 | {post.author.name}
75 |76 | @{post.author.username} 77 |
78 |No details provided
100 | )} 101 |105 | 106 | {editorPosts && editorPosts.length > 0 && ( 107 |
108 |
120 | {editorPosts.map((post: StartupTypeCard, index: number) => (
121 |
124 |
125 | )}
126 |
127 | 109 | Editor Picks 110 |
111 |
128 |
132 |
31 |
61 |
62 | 119 | {session.user.name} 120 |
121 |122 | {session.user.email} 123 |
124 | 125 |
31 |
61 |
62 | 119 | {session.user.name} 120 |
121 |122 | {session.user.email} 123 |
124 | 125 |
26 | Features
27 |
28 |
29 | 30 | Where vision meets execution 31 |
32 | 33 |
34 |
39 |
72 |
73 |
78 |
97 |
98 |
103 |
115 |
116 |
117 |
40 | {/*
41 | */}
46 |
47 |
49 |
50 |
52 |
53 |
55 |
56 |
70 |
71 |
57 |
69 |
79 |
96 |
80 | We've achieved{" "}
81 |
82 | incredible
83 |
91 | {" "}
92 |
93 | milestones this year.
94 |
104 |
105 | Shift
106 |
107 |
108 | alt
109 |
110 |
111 | C
112 |
113 |
114 |
118 | {features.map(feature => (
119 |
130 |
123 |
124 | ✶
125 |
126 | {feature}
127 |
128 | ))}
129 |