Olivia
Online
Aniket Ashtikar
@aniash29
Web Solutions Architect • #AI & Cloud-led Innovation • Open-source Digital Transformation | @DocXter -naut 🛠️🚀
|
Pune, India
Joined February 2010
198 Following
84 Followers
2.3K Posts
@felixhhaas Directory
Anthropic made the right move.
MCP's can now be fully stateless, resumable, and implemented with just plain HTTP with this RFC.
(link in reply)
Reminder: you can enable React compiler in Next 15
New post: Understanding AI ✨
A brief overview on neural networks and language models.
https://t.co/7shOWCw4U7
Who to follow
不動産プラグイン
@fudousan_plugin
WordPress で簡単に不動産サイトができる「不動産プラグイン(無料) 」を公開しました。是非お試しください。 https://t.co/cRmW8t1h1n
https://t.co/uzzgJtnWm3
Kelly Dollinger
@1kbean
竞猜 PC28 福彩3D 美博棋牌 赛马 极限冲浪 火博体育 通比牛牛 SG新霸电子 
@wphandleiding
【开云：https://t.co/smU9Be7Aw6】【 鸭脖：https://t.co/EUfmzzDSZX 】
【国际线路：https://t.co/ua57VCAdiw】【星空：https://t.co/q5gARhuAzy】
【江南：https://t.co/EJKzyfbD5r】【棋牌：https://t.co/SD84EhMhNM】
【彩票：https://t.co/j8MaBWJumN】【百家乐：https://t.co/IvYV2b3d4t】
【电子：https://t.co/QRes5nhgLf】【电竞：https://t.co/miWLJ63qkS】
【赌球：https://t.co/mVQQqdjQfO
High-five!✋DocXter's now got 4 more AI models, 3 more languages and, as always, ENDLESS POSSIBILITIES... 🤩
Try it out now → https://t.co/kUCt7oHIcl
From chaos to clarity: that's the magic of parsing unstructured data for RAG! 🎩✨ It's complex, but the payoff is huge - think smarter analysis, better answers. What would you ask #DocXter that understands ANY data? #RAG #AI #Parsing #UnstructuredData
Some interesting things in this code to explore:
Authentication
I can understand the desire to use abstractions (and some of them are wonderful) — however, I wanted to show a minimal auth setup which stores user information to cookies. IMO, this is the best way to learn before jumping to an abstraction.
Minimal here doesn't mean insecure. It uses well-tested libraries like `jose` to sign and verify tokens and `bcrypt` to hash and salt passwords.
Authorization
Most templates skip RBAC or activity/event logging systems. I've included basic versions of those here.
When you create an account, you also create a team where you have the Owner role. You can invite both Owners or Members to your team. Inviting members is restricted to only those with the Owner role.
For all of the events in the application (sign in, sign out, change password, invite team member, etc), user activity is logged and shown in the Activity tab. This could be extended to have team level logs, if you wanted.
Server Actions and Forms
I'm using the Next.js 15 and React 19 RC in this codebase.
With React 19, `useFormState` changes to `useActionState`. And critically, there's a new value returned — you can directly access the `pending` state of the in-flight action. This is really helpful, and I use it to show loading spinners and disable buttons while pending.
You'll notice that I have almost zero "APIs" in this application. All of the operations on the database go through Server Actions. It feels really good to easily cross the client and server boundary is this way, especially with great TypeScript support.
The <Login /> component is a good example to reference. We have a <form> which takes in an `action`, and that action is wired up to `useActionState`. This means you can return data back from your action to the component, like success or error states to show inline.
You'll notice we have both client-side validation on inputs (e.g. required, maxLength) as well as server-side (using Zod). There's a nice "middleware" around the Server Actions. For example, wrapping an action with `validatedAction` will enforce the Zod schema you pass along, and `validationActionWithUser` will also check for (and return) the currently authenticated user. Nice.
Authorization checks need to happen at the Server Action level. That's why they're "local". They can run regionally, close to your database. Inside the root middleware, which can run globally on Vercel, you can quickly check `cookies` close to your visitors. If the user isn't logged in, they won't have the `session` cookie, and will get immediately routed to /sign-in.
Route Groups
Underrated feature of the App Router, IMO.
Route groups help you organize your code without affecting the URL structure. This pairs well with using layouts.
For example, my root layout is setting up some basic styles at the <html>/<body> level. Then, the login pages underneath the (login) route group are able to have a different layout than other logged-out pages. It's a "full screen" type of layout with no navbar.
Other routes are under the (dashboard) route group, which shares a common layout with a navbar containing the user state.
React's `use` hook
In the root layout, you'll see I'm calling `getUser()` which returns a Promise, but I'm not `await`ing it. Instead, I forward to Promise to a React Context provider and wrap the application with it.
This means that my root layout isn't doing blocking data fetching (good, let's keep the /pricing page static) and it's also setting my codebase up in a way that all children will be client components. We want to use both server and components.
Inside the context provider, we "unwrap" the Promise with the React `use` hook. Then, the user is stored in local state. This means that anywhere in our app we can easily grab the user with `useUser()`.
This hook makes getting user data easy, without fussing with `useEffect` inside client components. Now you might be thinking, wait why not use an async component? You absolutely still can!
You'll notice the way the codebase is structured, we can interweave server and client components. For example, on /dashboard, we have our root layout (which is a server component). Then, the dashboard layout which has an interactive dropdown for the user state, can be a client component. Then, we can still have async server components as a child of that layout, like /dashboard/activity which fetches the activity logs.
——
Okay, that's all for now! Thanks for all the feedback on the template so far, already fixed a few small bugs 😁
Here's how I usually structure my Next/React apps.
Let's talk about styling, data fetching, UI libraries, settings, and more.
Styling
The short story is Tailwind. Why? It was easy for me to pick up, stays consistent whenever I revisit old projects, and works great with AI / @v0. I've wrote a lot more about this here: https://t.co/cLb0JIKVK0
Data Fetching
For those who have been around Next.js for a while, you know the quirks of the Pages Router. No end-to-end type safety? No global data fetching??
The App Router is so much nicer in this regard. So, I've been defaulting to this for almost two years now (time flies...): https://t.co/RylubhOWez
Most of the time, I fetch data in a Server Component (like a page or layout). Occasionally, I'll still pull for an external lib for client-fetches (e.g. swr) when working with existing codebases.
A newer pattern that I've started to sometimes use is forwarding Promises to a Context provider, and then "unwrapping" the Promise with `use`. The data can then be used from a hook in any client component. Can work well if you have global data you need to use deep in the component tree (esp. if there's lots of client components): https://t.co/cwki7qJJNe
UI Libraries
Can I say something without everyone getting mad?
I wasn't really a fan of shadcn/ui at first. It felt like a lot of dependencies and "weight" in my repo. There was something more minimalist about just putting the deps in `package.json`.
It was similar to my initial reaction to Tailwind. "Eww". Well, that was wrong too. Maybe that was just my familiarity with existing component libraries.
I've really changed my opinion. Unstyled, accessible UI components that integrate with Tailwind are... really nice. And that can be easily edited and customized.
You either use a component library, or you build your own. And there's so many dang quirks to get accessible components right. I think that's why unstyled primitives are growing so quickly. It's really a new generation of component libraries.
Other Libraries
I almost never use ESLint on personal projects anymore. I still use it when working on larger projects with the team. But type checking + Prettier has been good enough. Long live TypeScript.
We're hoping to add support for Biome to Next.js, and then maybe having the single unified toolchain will be my new approach. Not sure yet. Prettier has worked so well, for so long, I'm apprehensive to any change. cc: JS fatigue.
In general, I'm trying to have fewer dependencies, because you can often get an AI-assisted version of just the one function you needed versus bringing in the whole package. Things like date formatting, or markdown parsing. I wrote more about this here: https://t.co/TKfYGLnZ5V
• An extremely underrated Postgres client is `postgres.js`: https://t.co/nauM90xUVj. However, most of the time I'm using `drizzle` as my ORM.
• `zod` somehow finds its way into almost all of my projects these types.
Forms
You can get surprisingly far with the new React hooks like `useActionState` and Server Actions. Throw some Zod in there, and it's pretty easy to get client/server-side validation with ease: https://t.co/zJUcaeNZKg
There's a few community packages automatically setting this up for you, which is nice: https://t.co/Gg6s2OR9Zy
Charts
shadcn/ui: https://t.co/v7mQRwPGjQ
Icons
shadcn/ui, so `lucide-react` currently: https://t.co/XUYYoiWp6o
Fonts
Geist: https://t.co/c1bYYZiYjx
Settings
I daily drive VS Code. I do want to learn neovim at some point, btw. I don't have any fancy extensions, mostly just the essentials: Tailwind, Prettier, MDX, vscode-icons.
Maybe will try Zed again when the git support improves: https://t.co/SeLusCCDgL. Or maybe some of the new AI enhanced editors (I do use Copilot currently).
A few VS Code settings you might have that I like:
"editor.cursorSmoothCaretAnimation": "on",
"editor.smoothScrolling": true,
"editor.cursorBlinking": "solid",
I'd also recommend checking out custom editor labels if you hate the page/layout/route duplication: https://t.co/CHKpzJ2G8W
Payments
Stripe It was easy for me to pick up, stays consistent whenever I revisit old projects, and works great with AI / @v0.
Iterating
I spend a decent amount of time now talking to @v0 to help make edits or debug things. Definitely not perfect, and it gets things wrong sometimes, but saves me a lot of time versus writing everything from scratch.
Especially for more tedious refactors that are basically just pushing code into different places, or reformatting/restructuring it.
You can kind of 'fire and forget' @v0, then do something else, return in 15 seconds or so, copy the output, and keep moving. It's like my concurrency level went from 1 to 2. AI agent workflows might make this even easier in the future.
Summary
"Well, you know, that's just like uh, your opinion, man."
I'm excited to share that we've built the world's most capable AI software engineer, achieving 30.08% on SWE-Bench – ahead of Amazon and Cognition. This model is so much more than a benchmark score: it was trained from the start to think and behave like a human SWE.
Нейросеть docxter (https://t.co/hwi6NLboVO) - крутой инструмент для извлечения ценных сведений из любого документа. Загрузите документ и задайте вопросы, упростите язык и многое другое! Игными словами, благодаря этой нейросети вы можете внимательно изучить любой документ.
📢 Important Announcement for Pune Residents! 📢
Due to the discharge from various dams, including #Khadakwasla (90% full) and #Mulshi, the water levels of several rivers passing through Pune city are rising.
In light of this situation, Pune Municipal Corporation Commissioner and Administrator Dr. Rajendra Bhosale urges all citizens to remain vigilant and take necessary precautions.
In case of any emergency, please contact the Pune Municipal Corporation (PMC) Disaster Management Unit at:
📞 020 - 25501269
📞 020 - 25506800
Stay safe and stay informed!
#Pune #PuneRains #SafetyFirst #DisasterManagement #StaySafePune #PMC #FloodAlert #Muthariver #Monsoon2024
🚨Important Update: The water levels of various rivers passing through #Pune are rising due to discharge from dams including #Khadkawasla and #Mulshi.
PMC Commissioner and Administrator Dr. Rajendra Bhosle has made an urgent appeal to residents.
Emergency Contact: 020-25501269
@makemytripcare You were incorrectly tagged in my reply. My bookings are done with @goibibo. I'm not sure if you guys would be able to assist. It's a @flyspicejet specific issue. #shameless
@Pitaliya1992 @flyspicejet @DGCAIndia @makemytrip There's no resolution happening here. @flyspicejet is good for nothing. Vowing now and forever to ditch their service for any travel plans. We're also one of the families stranded at the airport on June 29th at Srinagar. Mental stress, missed onwards journey and a lot more.
@DGCAIndia @MoCA_GoI @flyspicejet Originally it was SG-8386 and now it is SG-9945. @flyspicejet it's a shame. 200+ passengers with their onward journey, meetings, offices - what do we do? How are you going to compensate?
@DGCAIndia @MoCA_GoI Security measures don't allow passengers to make a stay even at the airport in such a scenario. At 9 pm passengers were kicked out of the airport. At 11.00pm @flyspicejet sends out another email saying the said flight has been further postponed. What a mess!
Get consumer insights lightning-fast with 𝗗𝗼𝗰𝗫𝘁𝗲𝗿! Leave the complex research and build great products efficiently with DocXter→ https://t.co/kUCt7oHamN
#ai #aitool #aibuddy #consumerinsights #marketresearch #productdevelopment #fastresults #buildbetter #productsuccess
Last Seen Users on Sotwe
Trends for you
Most Popular Users
Elon Musk
@elonmusk
240.2M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
109.4M followers
Narendra Modi
@narendramodi
106.9M followers
Rihanna
@rihanna
97.4M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.7M followers
KATY PERRY
@katyperry
87.1M followers
Taylor Swift
@taylorswift13
80.9M followers
Lady Gaga
@ladygaga
72.4M followers
Kim Kardashian
@kimkardashian
69.5M followers
Virat Kohli
@imvkohli
68.9M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.5M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
61.5M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60.2M followers